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>