TablicaPro / karta pracy ucznia / JS

localStorage — projekt zapisywania ustawień użytkownika w JavaScript

Klasa: __________ Numer: __________ Data: __________

Pracuj w przygotowanym pliku. Po każdej zmianie zapisz go i sprawdź rezultat.

Kod do rozpoczęcia pracy

localStorage.setItem("motyw", "ciemny");
pokaz(localStorage.getItem("motyw"));

Zadanie 1

Napisz wczytaj() zwracającą ustawienia z localStorage albo domyślne { motyw: "jasny", rozmiar: 16 } i zapisz(ustawienia). Wyczyść magazyn, sprawdź brak klucza, zapisz { motyw: "ciemny", rozmiar: 18 } i odczytaj.

Zadanie 2

Napisz odwiedziny(), która zwiększa zapisany licznik o 1 i zwraca nową wartość. Wywołaj ją trzy razy i sprawdź typ zapisanej wartości.

Zadanie 3

Zapisz pod kluczem ustawień tekst {zepsute, odczytaj ustawienia (mają być domyślne), usuń klucz i sprawdź liczbę kluczy.

Sprawdź przed oddaniem

Zadanie 1: wczytaj z domyślnymi 2 pkt, zapisz z JSON 1 pkt, odczyt zapisanych ustawień 1 pkt; zadanie 2: licznik z Number 2 pkt, trzy wywołania i typ 1 pkt; zadanie 3: try/catch 2 pkt, removeItem i liczba kluczy 1 pkt. Razem 10 pkt.

Jaką zmianę w kodzie potrafisz samodzielnie wyjaśnić?

Drukuj kartę pracy