如何在javascript和html中获取输入的值并将其加上任意数字

Question

这是我的代码，我似乎不知道它为什么返回NaN。我试着在addnum函数中给它一个特定的数字，但也没用。

<script>
var output = document.getElementById("output");
var input = document.getElementById("input").value;
var int_input = parseInt(input);
function addnum(N) {
int_input = int_input + N;
output.innerHTML = int_input;
}
document.getElementById("addinput").addEventListener("keyup", function (event) {
if (event.keyCode == 13) {
addnum(6);
}
})
</script>

Answer 1

加载脚本时，输入为空。稍后，在函数中，脚本试图向NaN添加6，这将为您提供NaN。

这应该有效：

<script>
var output = document.getElementById("output");
var input = document.getElementById("input");

function addnum(N) {
var int_input = parseInt(input.value); 
int_input = int_input + N;
output.innerHTML = int_input;
}
// Your eventListener function can be placed here
</script>

Answer 2

这在控制台中工作

var input = "12";
var int_input = parseInt(input);
function addnum(N) {
int_input = int_input + N;
console.log(int_input);
}
addnum(6);

对输入执行console.log((，看看它有什么值。