Question

您好我正在尝试比较两个输入值，只要第二个输入值大于第一个输入值，它就会发出警报。我是新手，我不知道我的代码中缺少什么。

这是我的代码：

function compute() {
  var fistInput = document.getElementById("first").value;
  var secondInput = document.getElementById("second").value;


  if (firstInput < secondInput) {
    alert("Actual output is greater than expected");
  }
}

<html>

<head>
  <title>test</title>


</head>

<body>

  First Input:
  <input type="number" value="9" id="first" onchange="compute()">
  <br>Second Output:
  <input type="number" id="second" onchange="compute()">
  <br>


</body>

</html>

希望你能帮助我。谢谢！

Answer 1

您的意思是firstInput，而不是fistInput。

你必须解析你的意见：

var firstInput = parseInt(document.getElementById("first").value);

Answer 2

输入字段中的值被读取为字符串。使用parseInt()将它们解析为整数。

function compute(){
  var fistInput = parseInt(document.getElementById("first").value);
  var secondInput = parseInt(document.getElementById("second").value);


  if(fistInput < secondInput)
  {
      alert("Actual output is greater than expected");
  }
}

 

First Input: <input type = "number" value = "9" id = "first" onchange = "compute()"><br>
Second Output: <input type = "number" id = "second" onchange = "compute()"><br>

比较输入值

2 个答案: