H4:LocalStorage

Harjutus 4

Tagasi vahelehele, kus viimati sessionStorage käske kasutasin

  • Läksin tagasi samale lehele, et alustada Local Storage eksperimenti.

Avasin konsooli ja vaatasin Local Storage

  • Kirjutasin localStorage ja vajutasin ENTER.
  • Nägin, et Local Storage on alguses tühi.

Lisasin andmed Local Storage

  • Kirjutasin käsu:
localStorage.setItem('car', 'minu_lemmikauto')
  • See lisas uue võtme ja väärtuse Local Storage.

Kontrollisin salvestatud andmeid

  • Kirjutasin:
localStorage.getItem('car')
  • Konsool näitas minu äsja salvestatud lemmikautot.

Kontrollisin Local Storage uues vahelehes

  • Avasin uue vahelehe ja läksin Application → Local Storage → domeen.
  • Nägin, et andmed olid seal endiselt olemas.

Kokkuvõtte:

  • LocalStorage säilitab andmed pikkemaks ajaks kuni kasutaja ise kustuta neid. SessionStorage on seotud konkretse brauseri sessioniga
  • Erinevalt Session Storage ei kao andmed, kui vaheleht suletakse või avatakse uus.