Javascript，在输入更改时更新变量

Question

我对 JavaScript 不是很有经验(这是我用它制作的第一件真实的东西)，所以我的语法可能很糟糕。我试图在输入框更改时更新 5 个变量，但是由于某种原因，它们不会更新!我用 Google 搜索了解决方案，但似乎没有任何效果

document.getElementById("name").addEventListener("keyup", updateName);
document.getElementById("id").addEventListener("keyup", updateID);
document.getElementById("quantity").addEventListener("keyup", updateNumber);
document.getElementById("buybase").addEventListener("keyup", updateBuy);
document.getElementById("sellbase").addEventListener("keyup", updateSell);

这是一个 JSFiddle http://jsfiddle.net/q1w6v12u/

这是现场直播 http://ts-mc.net/pricing/chest.html

Answer 1

您已将所有这些变量声明为局部变量(因为您在方法中使用了 var)，它们仅存在于声明它们的方法中，将它们声明为全局变量。

所以现在你有一个全局变量和一个只存在于方法内部的局部变量，所以你对方法内部变量所做的任何更改都不会反射(reflect)在全局范围内的变量中。

function updateName() {
    ITEMNAME = document.getElementById("name").value;
}