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 。

對於 -- 來說，自然也是如此。