首頁  >  問答  >  主體

JavaScript:遞增和遞減函數

我正在練習我的 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>

P粉761718546P粉761718546263 天前459

全部回覆(1)我來回復

  • P粉759451255

    P粉7594512552024-01-30 00:21:19

    使用number number變數進行自增時,該語句會傳回自增前的值。如果您想取得遞增後的數字,請使用 number 而不是 number

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

    回覆
    0
  • 取消回覆