Odczytywanie wartości z localStorage
Treść zadania
W dokumencie przygotowano przycisk <button id="btnWczytajLogin">Powitaj</button> oraz akapit <p id="powitanieUzytkownika"></p>. Wcześniej w pamięci zapisano localStorage.setItem('uzytkownik', 'Alicja').
Po kliknięciu przycisku odczytaj wartość za pomocą localStorage.getItem('uzytkownik') i jeśli nie jest pusta, wpisz do akapitu: Witaj, Alicja!.
Co będzie oceniane
- Pobranie wartości klucza 'uzytkownik' z localStorage.
- Sprawdzenie obecności odczytanej wartości.
- Wpisanie 'Witaj, Alicja!' do #powitanieUzytkownika.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Odczytanie użytkownika Alicja i wygenerowanie powitania — tekst #powitanieUzytkownika = Witaj, Alicja!
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
localStorage.setItem("uzytkownik", "Alicja");
// Odczytaj klucz 'uzytkownik' i wpisz 'Witaj, ...!' do #powitanieUzytkownika po kliknięciu
Wskazówki
Wskazówka 1
Metoda getItem zwraca zapisaną pod danym kluczem wartość tekstową lub null, gdy klucz nie istnieje.
Wskazówka 2
Wywołaj metodę odczytu klucza z magazynu lokalnego i połącz otrzymany ciąg znaków w formę powitania z wykrzyknikiem w akapicie.