javascript - 我的 JavaScript 代码有什么问题？我在警报窗口中收到的消息是 NaN

Question

这段代码只是不想工作。我在警报窗口中收到的消息是 NaN

<script type="text/javascript">
var number1 = document.numbers.nr1.value
var number2 = document.numbers.nr2.value

function add(){
var total = number1 + number2;
return total;

     }

</script>


<form action="" name="numbers">
<input type="text" name="nr1"  />
<input type="text" name="nr2" />
<input type="submit" onclick="alert(add())" />
</form>

Answer 1

您必须获取函数中的数字。否则，它会尝试在将任何内容输入文本字段之前(甚至在加载文本字段之前)获取值，这当然是未定义的。

function add(){
    var number1 = parseFloat(document.numbers.nr1.value);
    var number2 = parseFloat(document.numbers.nr2.value);
    var total = number1 + number2;
    return total;
}