Trwały licznik kliknięć w localStorage
Treść zadania
W aplikacji przygotowano przycisk <button id="btnKliknijLicznik">Kliknij mnie</button> oraz akapit <p id="licznikTrwaly">Liczba kliknięć: 0</p>.
Po kliknięciu przycisku:
1. Pobierz aktualną liczbę z localStorage.getItem('kliki') (jeśli brak, przyjmij 0) i skonwertuj przez parseInt().
2. Zwiększ wartość o 1.
3. Zapisz nową liczbę w localStorage.setItem('kliki', nowaLiczba).
4. Wpisz do akapitu: 'Liczba kliknięć: ' + nowaLiczba.
Co będzie oceniane
- Odczyt i konwersja wartości z localStorage.
- Inkrementacja i ponowny zapis pod kluczem 'kliki'.
- Prawidłowe wyświetlenie 'Liczba kliknięć: 1' i '2'.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (2)
- Pierwsze kliknięcie aktualizuje licznik na 1 — tekst #licznikTrwaly = Liczba kliknięć: 1
- Drugie kliknięcie aktualizuje licznik na 2 — tekst #licznikTrwaly = Liczba kliknięć: 2
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
localStorage.removeItem("kliki");
// Zliczaj kliknięcia i zapisuj w localStorage pod kluczem 'kliki'
Wskazówki
Wskazówka 1
Pamiętaj, że wartości z localStorage są zawsze łańcuchami tekstowymi, dlatego przed operacjami arytmetycznymi należy je przekonwertować na liczbę.
Wskazówka 2
Odczytaj dotychczasową wartość lub zero za pomocą operatora logicznego, przekształć na liczbę całkowitą, dodaj jeden, zapisz z powrotem do magazynu i zaktualizuj tekst akapitu.