无法解决 NaN 错误 (javascript)

Question

所以我只用 4 个输入字段和一个带有值和 onclick 函数"计算"的提交按钮制作了这个非常基本的表单。

然后我开始为它编写一些看起来像这样的JavaScript：

function calculate(){
var insert1 = document.getElementById('insert1').value;
var insert2 = document.getElementById('insert2').value;
var insert3 = document.getElementById('insert3').value;
var isnert4 = document.getElementById('insert4').value;
var results = insert1 * insert2 * insert3 * insert4;
document.write(results);
}

所以我通过按提交按钮测试了代码，它只显示"NaN"。我注意到，当我将 document.write 的参数更改为其中一个插入时，我没有收到错误，它将显示插入的值。所以我认为问题在 var 结果行中，但我不是 100% 确定。

Answer 1

你得到NaN的原因是，试图用NaN乘以任何东西会产生另一个NaN。

由于代码中的拼写错误：

var isnert4 = document.getElementById('insert4').value; 
     ^ --- here

但是尝试使用您想要的变量：

var results = insert1 * insert2 * insert3 * insert4;
                              here ------------^

表示insert4 NaN，因此整个计算的结果也是NaN的。

更正拼写错误，您的代码将按预期工作。

_{附言。它的2017年，停止使用document.write！}