首页 > 解决方案 > 如何检查输入的值

问题描述

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

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

我需要添加一个按钮,该按钮应该在输入中提交文本

我想检查它是否满足条件,如果满足,计数器应该增加

标签: javascripthtml

解决方案


如果您的输入条目有 ID,您可以在 JavaScript 中选择输入条目并使用获取框中的值, document.getElementById(id).value然后简单地编写逻辑代码以根据该值检查答案是否正确。

如果你想让按钮做某事,首先你的按钮需要有一个像这样的 onclick 属性: <button onclick='myFunction();'></button> 然后在 JavaScript 中,函数看起来像这样:

function myFunction(){

}

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


推荐阅读