javascript - 更新 Javascript/HTML 中的值

Question

我的 HTML 中有此标记:

<p id="moneyvalue"></p>

我有这个 Javascript 代码:

var moneyBalance = 0;
document.getElementById('moneyvalue').innerHTML=moneyBalance;

我有 onclick=...，它会导致函数添加到 moneyBalance 变量中。问题是，具有 moneyvalue id 的段落元素不会更新，直到我调用我提到的最后一行代码。有没有办法不断更新元素，而无需在每次更新 moneyBalance 变量后调用该行，或者这是唯一的方法吗？

Answer 1

您可以使该代码在每次 MoneyBalance 值发生更改时运行，方法是将它们都放入一个函数中，如下所示:

function change_balance(new_value) {
    moneyBalance = new_value;
    document.getElementById('moneyvalue').innerHTML = moneyBalance;
}

因此，现在您不用调用 moneyBalance = X，而是调用 change_balance(X)，它会同时更新。