javascript - 将数据从 HTML 输入文本元素传递到 JavaScript 变量

Question

我正在尝试获取用户输入的文本值，传递到 JavaScript 变量中并将其存储，以便在进一步输入后可以在数学函数中使用它。在此之前，我需要将输入存储为变量。输入字段id是Numb1，一旦按下提交，我认为输入的值会通过document.getElementbyID()传递到assignVar函数中的firstNumb var。

当我输入数字时，按提交并使用 chrome 中的控制台查看firstNumb 是什么，我收到一个 Uncaught ReferenceError ，指出firstNumb 未定义。

我哪里出了问题？

这是我的表单/输入和脚本代码

<form>
<input type="number" id="Numb1">
<input name="submit" type="submit" onclick="assignVar()">


</form>

<script>
function assignVar() {
var firstNumb = document.getElementByID("Numb1");
}

</script>

感谢您的帮助

Answer 1

首先，它是 Id，而不是 ID(这就是您收到错误的原因)。

其次，您将获取元素本身，同时我们将获取其值:

var firstNumb = document.getElementById("Numb1").value;

此外，如果您想将其转换为数字，请将 + 放在 document... 之前:

var firstNumb = +document.getElementById("Numb1").value;

<小时/>

工作示例:

<input type="number" id="Numb1">
<input name="submit" type="submit" onclick="assignVar()">


<script>
function assignVar() {
var firstNumb = document.getElementById("Numb1").value;
alert(firstNumb);
}

</script>