Serializacja danych do JSON w localStorage
Treść zadania
W sklepie mamy koszyk:const koszyk = [
{ produkt: "Klawiatura", cena: 150 },
{ produkt: "Mysz", cena: 80 }
];
W dokumencie znajduje się przycisk <button id="btnZapiszKoszyk">Zapisz koszyk</button> oraz akapit <p id="stanKoszyka"></p>.
Po kliknięciu przycisku przekształć tablicę w ciąg znaków za pomocą JSON.stringify(koszyk), zapisz pod kluczem localStorage.setItem('mojKoszyk', ...) i wpisz do akapitu: Zapisano 2 produkty.
Co będzie oceniane
- Zastosowanie JSON.stringify() na tablicy obiektów.
- Zapis do localStorage pod kluczem 'mojKoszyk'.
- Wpisanie 'Zapisano 2 produkty' do #stanKoszyka.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zapisanie koszyka w formacie JSON w localStorage — tekst #stanKoszyka = Zapisano 2 produkty
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
const koszyk = [
{ produkt: "Klawiatura", cena: 150 },
{ produkt: "Mysz", cena: 80 }
];
// Serializuj koszyk do JSON, zapisz w localStorage i wpisz komunikat do #stanKoszyka
Wskazówki
Wskazówka 1
Ponieważ pamięć lokalna przyjmuje wyłącznie napisy, struktury złożone takie jak tablice obiektów serializuje się do formatu JSON.
Wskazówka 2
Wywołaj metodę JSON.stringify na obiekcie koszyka, przekaż uzyskany ciąg do metody zapisu pamięci lokalnej i zaktualizuj akapit informacją o liczbie pozycji.