如何使用javascript更改HTML元素的值？ [已关闭]

Question

我正在创建一个计数器，我想增加、减少或重置0。我应该在事件监听器中写什么？

<div class="display">0</div>

我尝试过仅使用变量和文本内容，但都不起作用。

upBtn.addEventListener("click", function () {
  displayImage.textContent += 1;
});

downBtn.addEventListener("click", function () {
  displayImage -= 1;
});

Answer 1

使用计数器

var counter  = 0
var displayImage = document.getElementById("displayImage")

upBtn.addEventListener("click", function () {
  counter += 1
  displayImage.textContent = counter;
});

downBtn.addEventListener("click", function () {
  counter -= 1
  displayImage.textContent = counter;
});

resetBtn.addEventListener("click", function () {
  counter = 0
  displayImage.textContent = counter;
});

<button id="upBtn">Up</button>
<button id="downBtn">Down</button>
<button id="resetBtn">Reset</button>

<p id="displayImage">0</p>

而且js由于其类型强制的特性，会自动将counter的数值转换为字符串