JavaScript：递增和递减函数

Question

我正在练习我的 JavaScript 技能，我一直在掌握一个简单的递增计数器函数，我似乎已经掌握了它，所以今天我想将该脚本提升到一个新的水平并减少该值，

这是我的问题，当我点击添加数字，然后继续点击减号时，第一次点击仍然在之前添加一个值 > 倒计时了，为了避免这种情况发生，我错过了什么？

我的代码如下：

const output = document.getElementById('counter');
const addBtn = document.getElementById('btn-add');
const minusBtn = document.getElementById('btn-minus');
let number = 0;

function increment() {
  output.innerHTML = number++;
}

function decrement() {
  output.innerHTML = number--;
}

addBtn.addEventListener('click', increment);
minusBtn.addEventListener('click', decrement);

<div class="container">
  <h1>Increment and Decrement Numbers</h1>
  <div class="output">
    <div>
      <p>Your total count is: <span id="counter"></span></p>
    </div>
    <div class="buttons">
      <button id="btn-add">+</button>
      <button id="btn-minus">-</button>
    </div>
  </div>
</div>

Answer 1

使用number++对number变量进行自增时，该语句返回自增前的值。如果您想获取递增后的数字，请使用 ++number 而不是 number++ 。

对于 -- 来说，自然也是如此。