Question

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

Answer 1

你只需要将txtField id赋予文本输入，这里是一个工作小提琴http://jsfiddle.net/eFf27/

<input id="txtField" type="text" name="Input">

Answer 2

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

如何重置文本框的值

2 个答案: