javascript - Javascript 中的不同结果

Question

我有以下 JavaScript 代码(未显示 HTML 部分，但它有效)。

var textboxnumber1 = document.querySelector('.number1');
var textboxnumber2 = document.querySelector('.number2');
var calcbutton = document.querySelector('.calcbutton');

var num1 = Number(textboxnumber1.value);
var num2 = Number(textboxnumber2.value);

function writenumbers() 
{
    window.alert(num1);
}

calcbutton.addEventListener('click', writenumbers);

这会返回 0 作为 num1 值，

但是，如果我替换 window.alert(num1);与 window.alert(Number(textboxnumber1.value));我正确地理解了它的值(value)。

为什么 num1是不是显示值？

Answer 1

您检索文本框值的代码在您的函数之外，因此它只会在加载时运行一次。在页面加载时，该值为 0。

将这段代码移到函数内部:

function writenumbers() 
{
    var num1 = Number(textboxnumber1.value);
    var num2 = Number(textboxnumber2.value);

    window.alert(num1);
}