Javascript onclick 增加一个数字作为文本

Question

我遇到了 Javascript 的问题：我正在尝试增加一个数字，它是一个字符串，所以我需要解析它，增加值，并将该数字分配给字段中的值.但是我不明白为什么这段代码不能正常工作：

<button type="button" onclick="dec()" name="less" style="background-color: orange;border:none;">-</button>
<script>
  function dec() {
    var x = parseInt(document.getElementById("num").value, 10);
    x--;
    document.getElementById("num").value = x;
  }

当号码在 div 中时，像这样：

<div id="num" style="display:inline;">0</div>

哪里出错了？

Answer 1

一方面，如果你想增加你需要做的价值x++而不是x--。在那之后，我想你会修复它：

document.getElementById("num").innerHTML= x;

因为 div 没有 value 属性.

Answer 2

只需使用

document.getElementById("num").innerHTML

改为

Javascript onclick 增加一个数字作为文本

Javascript onclick increment a number as text

javascript

increment

onclick