javascript - 如何使用javascript在每次点击时向html内容添加1

Question

编码新手，尤其是 javascript。

我的功能不起作用。当我打开网页并单击按钮时，数字仍然显示为 100。

知道如何解决这个问题，以便每次单击按钮时数字增加 1？

var number = document.getElementById("a");
var count = 0;
number.innerHTML = count;

number.onClick = function() {
  count += 1;
};

.dev {
  display: block;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

<button id="a" class='dev'> </button>

标签： javascript

Answer 1

尝试：

  <button id="a" onclick="increment();"> </button>


  function increment()
  {
      var inc = parseInt(document.getElementById('a').value);
      inc = isNaN(value) ? 0 : value;
      inc++;
      document.getElementById('a').value = inc;
  }