Heim  >  Fragen und Antworten  >  Hauptteil

JavaScript: Inkrementierungs- und Dekrementierungsfunktionen

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>

P粉761718546P粉761718546263 Tage vor462

Antworte allen(1)Ich werde antworten

  • P粉759451255

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

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

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

    Antwort
    0
  • StornierenAntwort