javascript - 为什么钱不更新？

Question

这是我的代码：

<span id="money"></span> money
<button style="background: green; color: white" onclick="money++">add money</button>
<script>
  var moneyEl = document.querySelector("#money")
 var money = 100
 moneyEl.innerText = money
</script>

当点击“加钱”时#money 没有更新。对不起，我的英语不好...

标签： javascripthtmlcss

Answer 1

Money 没有更新，因为 onclick 事件只是增加了变量 money 并且对 html 元素没有任何作用。如果你想增加 html 元素，需要这样的东西：

<span id="money"></span> money
<button style="background: green; color: white" onclick="addMoney()">add money</button>
<script>
  var moneyEl = document.querySelector("#money");
    var money = 100;
    moneyEl.innerText = money;
 function addMoney(){
    document.querySelector("#money").innerText = Number(document.querySelector("#money").innerText) + 1;
 }
</script>