Rozdział 3 · Zadanie 7

Licznik

Zmienna, która pamięta swoją wartość między kliknięciami.

Zadanie

Dodaj w <body>:

script-demo.html

<p>Kliknięć: <span id="count">0</span></p>
<button onclick="addOne()">+1</button>

A w script

Dodaj:

script-demo.html

let count = 0;
function addOne() {
  count = count + 1;
  document.getElementById("count").innerText = count;
}

Jak to czytać

Zmienna count jest zadeklarowana poza funkcją — dlatego pamięta swoją wartość między kliknięciami, a nie resetuje się za każdym razem.

count = count + 1; — «weź obecną wartość i dodaj 1».

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska