Ćwiczenie · Informatyka Ćwiczenie: Licznik kliknięć przycisku

Licznik kliknięć przycisku

Treść zadania

W dokumencie znajduje się przycisk <button id="btnPlus">Dodaj</button> oraz akapit <p id="licznik">0</p>. Zadeklaruj zmienną let ileKlikniec = 0;. Po każdym kliknięciu przycisku zwiększ wartość zmiennej o 1 i wpisz aktualną liczbę do akapitu #licznik.

Co będzie oceniane

  • Zadeklarowanie zmiennej let ileKlikniec = 0.
  • Rejestracja obsługi kliknięcia na przycisku.
  • Wzrost licznika do 2 po dwukrotnym kliknięciu.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Dwukrotne kliknięcie i sprawdzenie stanu licznika — tekst #licznik = 2

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

let ileKlikniec = 0;

// Podepnij obsługę kliknięcia zliczającą naciśnięcia

Wskazówki

Wskazówka 1

Zmienna przechowująca stan licznika musi być zadeklarowana poza funkcją za pomocą słowa kluczowego let, aby zachowywała wartość między kolejnymi kliknięciami.

Wskazówka 2

Wewnątrz funkcji obsługującej kliknięcie zwiększ zmienną (np. ileKlikniec = ileKlikniec + 1;) i zaktualizuj textContent akapitu.