javascript - 在 if else 语句 javascript 中使用输入字段

Question

因此，我尝试将提交到输入字段的元素并使用 if else 语句返回结果，但无论如何它都会返回我的“else”语句。我一开始使用了 w3schools 项目，但我似乎看不出出了什么问题。

用户将在“numSpots”输入字段中输入一个数字，根据该数字的值，将在段落 id="demo"中返回 adaSpots 值

这是我的代码

function myFunction() {
  var numSpots = document.getElementById("numSpots");
  var adaSpots;
  if (numSpots < 25) {
    adaSpots = "1";
  } else {
    adaSpots = "267";
  }
  document.getElementById("demo").innerHTML = adaSpots;
}

<p>Click the button to display a time-based greeting:</p>
<input type="number" name="numSpots" id="numSpots" />
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

Answer 1

您需要获取#numbSpots的值通过document.getElementById("numSpots").value

function myFunction() {
  var numSpots = document.getElementById("numSpots").value;
  var adaSpots;
  if (numSpots < 25) {
    adaSpots = "1";
  } else {
    adaSpots = "267";
  }
  document.getElementById("demo").innerHTML = adaSpots;
}

<p>Click the button to display a time-based greeting:</p>
<input type="number" name="numSpots" id="numSpots" />
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>