如何检查用户的输入值是否具有特定数字？

Question

由于我是一个真正的新手，我想检查用户输入的值是否等于特定数字。

我需要检查用户输入的值是否低于 10。我做了下面的代码：

<form>
  <label for="value">Value</label>
  <input type="number" id="quantity" name="number"><br><br>
  <input type="button" value="Click me" onclick="myFunction()">
</form>
<p id="answer">answer here</p>
<script>

function myFunction() {
   var x= document.getElementbyId("quantity").value;
    if (x<10){
     document.getElementbyId("answer").innerHTML="The value is below 10"
}   else {
    document.getElementbyId("answer").innerHTML="The value is equal to or over 10";
  }
}
</script>

Answer 1

您的代码工作正常，只需将getElementbyId 替换为getElementById。以下 sn-p 正是您的代码，替换为 getElementbyId。

<form>
  <label for="value">Value</label>
  <input type="number" id="quantity" name="number"><br><br>
  <input type="button" value="Click me" onclick="myFunction()">
</form>
<p id="answer">answer here</p>
<script>
  function myFunction() {
    var x = document.getElementById("quantity").value;
    if (x < 10) {
      document.getElementById("answer").innerHTML = "The value is below 10"
    } else {
      document.getElementById("answer").innerHTML = "The value is equal to or over 10";
    }
  }
</script>