Javascript 如何重置文本框的值_Javascript_Function

Javascript 如何重置文本框的值

javascript function

Javascript 如何重置文本框的值,javascript,function,Javascript,Function,我正在做一个简单的数学学习助手来帮助我学习javascript。我想在一个错误的答案后刷新文本框（页面在一个正确的答案后刷新以得到一个新的问题），但如果你答错了，我希望问题是一样的。这是我的密码： <!doctype html> <body> <center> <font size="5"> <form Id="Input"> <input type="text" nam

我正在做一个简单的数学学习助手来帮助我学习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>


按钮。addEventListener（“单击”，回答）；
var A=Math.floor（Math.random（）*11）；
var B=数学地板（数学随机（）*11）；
var C=A+B；
var Input=document.getElementById（'Input'）；
文件。写（A+“+”+B+“=”）；
函数答案（）{
if（Input.Input.value==C）{
警惕（“正确！”）；
window.location.reload（）；
}否则{
警告（“不正确！”）；
document.getElementById（'txtField'）。value='new value here'
}
}

您只需为文本输入提供txtField id，这里的文本输入是一个工作小提琴

您忘记在文本框中添加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>


按钮。addEventListener（“单击”，回答）；
var A=Math.floor（Math.random（）*11）；
var B=数学地板（数学随机（）*11）；
var C=A+B；
var Input=document.getElementById（'Input'）；
文件。写（A+“+”+B+“=”）；
函数答案（）
{
if（Input.Input.value==C）
{
警惕（“正确！”）；
window.location.reload（）；
}
其他的
{
警告（“不正确！”）；
document.getElementById（'txtField'）。value='new value here'
}
}

为什么要重新加载页面，只需清空文本框

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