Pomiń nawigację
Ćwiczenie · Informatyka Ćwiczenie: Usuwanie wpisu metodą removeItem

Usuwanie wpisu metodą removeItem

Treść zadania

W systemie zapisano użytkownika: localStorage.setItem('zalogowany', 'Piotr').
W dokumencie znajduje się przycisk <button id="btnWyloguj">Wyloguj</button> oraz akapit <p id="statusWylogowania"></p>.
Po kliknięciu przycisku usuń klucz za pomocą localStorage.removeItem('zalogowany') i wpisz do akapitu: Wylogowano pomyślnie.

Co będzie oceniane

  • Użycie metody localStorage.removeItem('zalogowany').
  • Wpisanie komunikatu 'Wylogowano pomyślnie' do #statusWylogowania.
  • Brak klucza w pamięci po operacji.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Usunięcie klucza logowania i wyświetlenie potwierdzenia — tekst #statusWylogowania = Wylogowano pomyślnie

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

localStorage.setItem("zalogowany", "Piotr");

// Usuń wpis 'zalogowany' przez removeItem i potwierdź w #statusWylogowania po kliknięciu #btnWyloguj

Wskazówki

Wskazówka 1

Metoda removeItem usuwa wskazany klucz wraz z powiązaną z nim wartością z magazynu przeglądarki.

Wskazówka 2

W obsłudze zdarzenia kliknięcia przycisku wywołaj metodę usuwania z nazwą klucza 'zalogowany' i wyświetl w akapicie komunikat o pomyślnym wylogowaniu.