JavaScript - スクリプトからhtmlフォームに値を書き込む

Question

htmlでフォームに値を入力する方法を知りました。 ユーザーがサイトに移動すると、すでにテキストボックスに数字が表示されていて、それらの数字を使用して「追加ゲーム」が行われます。 これは私がこれまで持っているものです。

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

私は任意の助けに感謝！ありがとう！

Answer 1

フォームが作成された後も、あなたがこのスクリプトを置くことができますあなたのための乱数を生成し、 コードについてはこちらを参照してくださいフォームでそれらを置く

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

を：http://jsfiddle.net/wVAFt/

Answer 2

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

or 

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

Answer 3

入力フィールドに数値を設定するには、value="10"のような値を設定できます。デフォルト値は、ユーザーが変更するまで10になります。