javascript - 我收到 NaN 错误

Question

我在这个计算器脚本中遇到 NaN 错误: 有什么想法吗？

这是文本格式的整个 html:

https://www.dropbox.com/s/i3u429bn5bjd4i9/orecalculator.txt

<script language="JavaScript">

var IDs = [22,17425,17426,1223,17428,17429,1225,17432,17433,1232,17436,17437,1229,17865,17866,21,17440,17441,1231,17444,17445,1226,17448,17449,20,17452,17453,11396,17869,17870,1227,17867,17868,18,17455,17456,1224,17459,17460,1228,17463,17464,19,17466,17467,1230,17470,17471];

function calculate(i){
    while (i + 1 < IDs.length) {
        var y=document.getElementById('reward');
        var x=document.getElementById(IDs[i]);
        y.value=parseInt(y.value)+parseInt(x.value);
        i++;
    }
}
</script>

Answer 1

我已经在控制台中运行这段代码并找到了以下输出

document.getElementById('reward')
//output <input type=​"text" id=​"reward">​
document.getElementById('reward').value
//""
parseInt(document.getElementById('reward').value)
//NaN
parseInt("")
//NaN

解释

空字符串的 parseInt 是 NaN

解决方案

使用

Reward: <input type="text" id="reward" value="0">

代替

Reward: <input type="text" id="reward">

修复:JS 代码

function calculate(i){
    while (i + 1 < IDs.length) {
        var y=document.getElementById('reward');
        var x=document.getElementById(IDs[i]);
        y.value=parseInt(y.value|0)+parseInt(x.value|0);
        i++;
    }
}