在javascript和html中，如何获取输入值并加上任意数字？

这是我的代码，我似乎无法找到它返回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>

var output=document.getElementById（“输出”）；
var输入=document.getElementById（“输入”）.value；
var int_input=parseInt（输入）；
函数addnum（N）{
int_输入=int_输入+N；
output.innerHTML=int\u输入；
}
document.getElementById（“addinput”）.addEventListener（“keyup”，函数（事件）{
如果（event.keyCode==13）{
addnum（6）；
}
})

这在控制台中工作

var input = "12";
var int_input = parseInt(input);

function addnum(N) {
  int_input = int_input + N;
  console.log(int_input);
}
addnum(6);

---

对输入执行console.log（），以查看它的值。

加载脚本时，输入为空。稍后，在函数中，脚本尝试将6添加到NaN，这将为您提供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>

var output=document.getElementById（“输出”）；
var输入=document.getElementById（“输入”）；
函数addnum（N）{
var int_input=parseInt（input.value）；
int_输入=int_输入+N；
output.innerHTML=int\u输入；
}
//您的eventListener函数可以放在这里

需要确认您有与JavaScript匹配的HTML。。。请参阅@zer00ne上的这一节，我确保Html是正确的，并与您建议的源代码进行了双重检查。我很确定JS有问题。谢谢你的帮助，随你的便。据我所知，JS在语法上是正确的，这让我相信HTML并不正确。虽然可能存在代码气味，但使用键盘上的处理程序（很少像按键按下那样有用）输入回车键？…以添加硬编码的数字？