Pomiń nawigację
Ćwiczenie · Informatyka Ćwiczenie: Serializacja danych do JSON w localStorage

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)

  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.