Question

它的应用程序/网站就像大脑训练师

  <body style="text-align: center;">
    <h3 id="num1"></h3>

    <h3 id="num2"></h3>
    <input type="text" id="ans" />
    <button id="myBtn" onclick="clickFunction()">Button</button>
    <p id="ind"></p>
    <script>
        var i = 0;
        var number1 = Math.floor(Math.random() * 20);
        var number2 = Math.floor(Math.random() * 20);
        var result = number1 * number2;
        document.getElementById("num1").innerHTML = number1;
        document.getElementById("num2").innerHTML = number2;
        let answer = document.getElementById("ans");
        if (result == answer) {
          document.getElementById("ind").innerHTML =
            "Indicator : Right " + i++ + "times.";
        } else {
          document.getElementById("ind").innerHTML =
            "Indicator : Right " + i-- + " times.";
        }
  answer.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("myBtn").click();
  }
});
    </script>

请帮助，我需要在输入中添加提交文本的按钮，然后检查是否正确。

Answer 1

如果输入条目具有ID，则可以在JavaScript中选择输入条目，并使用以下命令获取框中的值 document.getElementById(id).value然后简单地对逻辑进行编码，以根据该值检查答案是否正确。

如果您想让按钮执行某些操作，则首先您的按钮需要具有onclick属性，如下所示： <button onclick='myFunction();'></button> 然后在JavaScript中，函数如下所示：

function myFunction(){

}

按下按钮后，{}括号内的所有内容都会执行。这是您需要获取.value并与答案进行比较的地方。

伙计们请帮忙

1 个答案: