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');
  }
}

Answer 2

您的代码中存在一些问题。我会解释他们。 1.您正在创建var input = document.getElementById("userInput");但是在alert(input)之后它会返回整个对象而不是输入值。 2.之后你比较未定义的Age，因为你没有创建var age = input;。如果您将输入＆lt; 20进行比较，它将起作用。在您的警报中，您没有使用双引号（＆＃34;＆＃34;）来创建字符串并警告该字符串。我希望现在更清楚了。

＆＃13;

     function age()
      {
        var age = document.getElementById("userInput").value;
        alert(age);
      
      if(age<20) { alert("YOU ARE UNDER 20"); }
      }

＆＃13;

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

＆＃13;

Answer 3

使用document.getelementbyId

或

document.getelementbyclassname

alert(document.getElementById("userinput"));

或

alert( document.getElementsByClassName("classname"));

Answer 4

你想要实现什么目标？如果你想检查年龄，那么如果在函数内部移动

  function age()
  {
    var age = document.getElementById("userInput").value;
    if(age<20)
    {
      alert("YOU ARE UNDER 20")
    }
  }

Answer 5

尝试以下

＆＃13;

function age()
      {
        var input = document.getElementById("userInput").value;      
      if(input<20) { alert("YOU ARE UNDER 20"); }
      }

＆＃13;

<p>
    <label>how old are you?</label>
     <form id="form" onsubmit="return false;">
      <input type="number" id="userInput">
      <input    style=position:absolute;top:50%;left:5%;width:40%; type="submit"    onclick="age()">
     </form>
 </p>

＆＃13;

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

5 个答案: