JavaScript : fonctions d'incrémentation et de décrémentation

Question

Je mets en pratique mes compétences en JavaScript, je maîtrise une simple fonction de compteur incrémental que je semble maîtriser, alors aujourd'hui je voulais faire passer ce script au niveau supérieur et décrémenter la valeur,

C'est mon problème, lorsque je clique sur ajouter un numéro, puis que je continue de cliquer sur signe moins, le premier clic ajoute toujours une valeur avant > compte à rebours, pour éviter que cela n'arrive, j'ai raté Quoi ?

Mon code est le suivant :

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

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

Il en va de même pour -- naturellement.