JavaScript: Inkrementierungs- und Dekrementierungsfunktionen

Question

Ich übe meine JavaScript-Kenntnisse, ich beherrsche eine einfache Funktion zum Erhöhen des Zählers, die ich anscheinend beherrsche, deshalb wollte ich heute dieses Skript auf die nächste Stufe bringen und den Wert verringern,

Das ist mein Problem: Wenn ich auf Zahl hinzufügen klicke und dann weiter auf Minuszeichen klicke, fügt der erste Klick immer noch einen Wert hinzu, bevor > Countdown. Um das zu vermeiden, habe ich Was verpasst?

Mein Code lautet wie folgt:

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++ 。

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