2014-03-06 57 views
0

我正在做一個簡單的數學學習幫助器來幫助我學習JavaScript。我想在錯誤的答案後刷新文本框(在獲得新問題的正確答案後刷新頁面),但是如果錯誤發生,我希望問題保持不變。這裏是我的代碼:如何重置文本框的值

<!doctype html> 
    <body> 
    <center> 
     <font size="5"> 
     <form Id="Input"> 
      <input type="text" name="Input"> 
      <input type="button" value="submit" ID="Button"> 
     </form> 

    <script type="text/javascript"> 
     Button.addEventListener("click", Answer); 
     var A = Math.floor(Math.random()*11); 
     var B = Math.floor(Math.random()*11); 
     var C = A +B; 
     var Input = document.getElementById('Input'); 
     document.write(A + "+" + B + "="); 

     function Answer() { 
     if(Input.Input.value == C) { 
      alert("correct!"); 
      window.location.reload(); 
     } else { 
      alert("incorrect!"); 
      document.getElementById('txtField').value='new value here' 
     } 
     } 
    </script> 
    </body> 
</html> 
+0

爲什麼重新加載頁面,只是清空文本框 – adeneo

回答

0

你忘了的ID添加到您的文本框中。

<!doctype html> 
<body> 
<center> 
<font size="5"> 
<form Id="Input"> 
<input id="txtField" type="text" name="Input"> 
<input type="button" value="submit" ID="Button"> 
</form> 
<script type="text/javascript"> 
Button.addEventListener("click", Answer); 
var A = Math.floor(Math.random()*11); 
var B = Math.floor(Math.random()*11); 
var C = A +B; 
var Input = document.getElementById('Input'); 
document.write(A + "+" + B + "="); 
function Answer() 
{ 
if(Input.Input.value == C) 
{ 
alert("correct!"); 
window.location.reload(); 
} 
else 
{ 
alert("incorrect!"); 
document.getElementById('txtField').value='new value here' 
} 
} 
</script> 
</body> 
</html> 
相關問題