Zapisywanie wartości w localStorage
Treść zadania
W formularzu znajduje się pole <input type="text" id="nazwaUzytkownika" value="Marek">, przycisk <button id="btnZapiszStorage">Zapisz w pamięci</button> oraz akapit <p id="statusStorage"></p>.
Po kliknięciu przycisku zapisz wartość pola do magazynu przeglądarki wywołując localStorage.setItem('login', ...) i wpisz do akapitu: Zapisano: Marek.
Co będzie oceniane
- Odczyt wartości z pola #nazwaUzytkownika.
- Użycie localStorage.setItem('login', ...).
- Wpisanie potwierdzenia 'Zapisano: Marek' do #statusStorage.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zapisanie wartości Marek w pamięci lokalnej — tekst #statusStorage = Zapisano: Marek
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zapisz wartość do localStorage pod kluczem 'login' po kliknięciu #btnZapiszStorage
Wskazówki
Wskazówka 1
Metoda setItem obiektu localStorage przyjmuje dwa parametry tekstowe: klucz oraz wartość do zapamiętania.
Wskazówka 2
Odczytaj wartość z pola edycyjnego, zapisz ją pod kluczem 'login' w pamięci lokalnej, a do docelowego akapitu wpisz potwierdzenie wykonania zapisu.