JavaScript: fungsi kenaikan dan pengurangan

Question

Saya sedang berlatih kemahiran JavaScript saya, saya telah menguasai fungsi pembilang kenaikan mudah yang nampaknya telah saya kuasai, jadi hari ini saya ingin membawa skrip itu ke peringkat seterusnya dan mengurangkan nilainya,

Ini masalah saya, apabila saya klik pada tambah nombor, dan kemudian terus klik pada tanda tolak, klik pertama masih menambah nilai sebelum > undur, untuk mengelakkan perkara ini berlaku, saya terlepas Apa?

Kod saya adalah seperti berikut:

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

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

Begitu juga untuk -- secara semula jadi.