Dwa przyciski: zwiększ i zmniejsz

Treść zadania

Mamy dwa przyciski oraz akapit:

<button id="btnMniej">-</button>
<button id="btnWiecej">+</button>
<p id="ilosc">1</p>

Zadeklaruj zmienną let sztuki = 1;. Po kliknięciu #btnWiecej zwiększ zmienną o 1. Po kliknięciu #btnMniej zmniejsz zmienną o 1, ale tylko wtedy, gdy sztuki > 1 (ilość nie może spaść poniżej 1). Po każdej zmianie zaktualizuj akapit #ilosc.

Co będzie oceniane

Obsługa obu przycisków modyfikujących zmienną sztuki.
Zabezpieczenie przed spadkiem ilości poniżej 1.
Prawidłowe wyświetlanie wartości w akapicie #ilosc.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

Zwiększenie ilości dwukrotnie — tekst #ilosc = 3

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

let sztuki = 1;

// Podepnij obsługę przycisków #btnMniej oraz #btnWiecej

Wskazówki

Wskazówka 1

Zarejestruj dwa osobne nasłuchiwacze addEventListener('click', ...) — po jednym dla każdego przycisku.

Wskazówka 2

W przycisku dekrementacji sprawdź warunkiem if (sztuki > 1), czy można zmniejszyć wartość.