JavaScript: scrittura del valore in formato html dallo script

Question

Mi chiedevo come inserire un valore in un modulo con html. Quindi, quando l'utente visita il sito, ci sono già numeri nelle caselle di testo e usano questi numeri per giocare e "aggiunta gioco". Questo è quello che ho finora:

 <script type="text/javascript"> 

    function addSubmit() { 
//trying to have num1 and num2 write into the html form 
    var num1= Math.floor(89+Math.random()*11); 
    var num2 = Math.floor(89+Math.random()*11); 
    /*num1 = value1 
    num2 = value2*/ 
    document.getElementById("value1").value = num1; 
    document.getElementById("value2").value = num2; 

    var guess = document.getElementById("submit").value; 
    var answer = num1 + num2; 
    //have to write this to main window 
    if (guess == answer) 
    document.writeln("Congratulations you answered correctly! The answer to: "+num1+"+"+num2+"= "+answer); 
    else 
    document.writeln("Nice try, but the correct answer to: "+num1+"+"+num2+"= "+answer); 
    } 

    function addGiveUp() { 
    var num1 = Math.floor(89+Math.random()*11) 
    var num2 = Math.floor(89+Math.random()*11) 
    document.addition.value1.value=num1; 
    document.addition.value2.value=num2; 
    var guess = document.getElementById("submit").value; 
    var answer = (document.getElementById("value1").value) + (document.getElementById("value2").value); 
    document.writeln("Never give up! The answer to: "+num1+"+"+num2+"= "+answer); 
    } 
    </script> 
    <form name="addition" action="" method="get"> 
    <table border="1"> 
      <tr> 
     <td>Value 1:</td> <td><input type="text" name="value1" id="value1"/></td> 
       </tr> 
      <tr> 
     <td>Value 2:</td> <td><input type="text" name="value2" id="value2"/></td> 
       </tr> 
      <tr> 
     <td>Answer:</td> <td><input type="text" id="answer" /></td> 
       </tr> 
      <tr><td><input type="button" value="Submit" onClick="addSubmit()" id="submit" /></td><td><input type="button" value="Give Up" onClick="addGiveUp()" /></td></tr> 
      </table> 
    </form> 

Apprezzo tutto l'aiuto! Grazie!

Answer 1

così si può mettere questo script dopo la creazione del modulo:

<form name="addition" action="" method="get"> 
      <table border="1"> 
        <tr> 
       <td>Value 1:</td> <td><input type="text" name="value1" id="value1"/></td> 
         </tr> 
        <tr> 
       <td>Value 2:</td> <td><input type="text" name="value2" id="value2"/></td> 
         </tr> 
        <tr> 
       <td>Answer:</td> <td><input type="text" id="answer" /></td> 
         </tr> 
        <tr><td><input type="button" value="Submit" onClick="addSubmit()" id="submit" /></td><td><input type="button" value="Give Up" onClick="addGiveUp()" /></td></tr> 
        </table> 
</form> 

<!-- This is the script--> 
<script type="text/javascript"> 
     document.getElementById("value1").value = Math.floor(89+Math.random()*11); 
     document.getElementById("value2").value = Math.floor(89+Math.random()*11);​ 
    </script> 

che avrebbe generato numeri casuali per voi e metterle in forma Vedi qui per il codice: http://jsfiddle.net/wVAFt/

Answer 2

<input type="text" id="answer" value="5" > 

or 

document.getElementById("answer").value = "5"; 

Answer 3

Per avere numeri nei campi di input è possibile impostarli in modo che abbiano un valore, ad esempio value="10" e il valore predefinito sia 10 finché l'utente non lo modifica.