javascript - 如何在html中获取用户输入并将其设置为js中的变量？

Question

如何从 html 获取用户输入并将其设置为 javascript 中的变量？

这就是我正在尝试实现的:

<p>
    <label>how old are you?</label>
     <form id="form" onsubmit="return false;">
      <input   style=position:absolute;top:80%;left:5%;width:40%; type="number" id="userInput">
      <input    style=position:absolute;top:50%;left:5%;width:40%; type="submit"    onclick="age()">
     </form>
    <script type="text/javascript">
      function age()
      {
        var input = document.getElementById("userInput");
        alert(input);
      }
      if(age<20)
      {
      alert(YOU ARE UNDER 20)
      }
    </script>
    </p>

Answer 1

使用纯 JavaScript:

var input = document.getElementById('userInput');
alert(input.value);

使用 jQuery:

var input = $('#userInput');
alert(input.val());

为了实现你想要的:

function age() {
  var input = document.getElementById('userInput');
  var age = parseInt(input.value);

  if(age < 20) {
    alert('YOU ARE UNDER 20');
  }
}