Question

所以我用这个非常基本的形式制作了4个输入字段和一个提交按钮，其中包含值和onclick函数＆＃34;计算＆＃34;。

然后我开始为它编写一些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);
}

所以我通过按下提交按钮来测试代码，它只显示＆＃34; NaN＆＃34;。我注意到当我将document.write的参数更改为其中一个插件时，我没有收到错误，它将显示插入的值。所以我认为问题出在变量结果行中，但我不是100％肯定。

Answer 1

您获得NaN的原因是因为尝试将任何与NaN相乘而产生另一个NaN。

由于您的代码中存在拼写错误：

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

但是试图使用你想要的变量：

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

方法insert4为NaN，因此整个计算的结果也为NaN。

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

<子> PS。 2017年，停止使用document.write！

无法解决NaN错误（javascript）

1 个答案: