JavaScript - escribiendo valor en formato html desde el script

Question

Me preguntaba cómo podría ingresar un valor en un formulario con html. Entonces, cuando el usuario va al sitio, ya hay números en los cuadros de texto y usan esos números para jugar y "agregar juego". Esto es lo que tengo hasta ahora:

 <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> 

Agradezco cualquier ayuda! ¡Gracias!

Answer 1

así se puede poner este script después de crear el formulario:

<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> 

que genere números aleatorios para usted y ponerlos en forma Vea aquí el código: http://jsfiddle.net/wVAFt/

Answer 2

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

or 

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

Answer 3

Para tener números en los campos de entrada, puede configurarlos para que tengan un valor, como value="10", y el valor predeterminado sería 10 hasta que el usuario lo cambie.