Kertaluonteinen tallentaminen localStorageen JavaScriptissä

Jos yrität lukea avainta, jolle dataa ei ole tallennettu, tuloksena on null. Tätä voidaan käyttää hyväksi suorittamaan kertaluonteinen datan tallennus.

Esimerkiksi, tallennetaanpa paikalliseen varastoon käyttäjän ensimmäinen käyntiaika sivustolla. Ja jos käyttäjä ei tule ensimmäistä kertaa, emme tee mitään:

javascriptlet time = localStorage.getItem('time');

if (time === null) {
  let now = Date.now();
  localStorage.setItem('time', now);
}

Kirjoitetaan ehto uudelleen lyhyemmässä muodossa:

javascriptlet time = localStorage.getItem('time');

if (!time) {
  let now = Date.now();
  localStorage.setItem('time', now);
}
Задание 1

Kun käyttäjä tulee sivustolle, tallenna paikalliseen varastoon nykyinen aika. Sitten kun käyttäjä tulee uudelleen, tulosta kuinka paljon aikaa on kulunut edellisestä käynnistä sivustolla.

Задание 2

Kun käyttäjä tulee sivustolle, kysy häneltä syntymäaika. Seuraavalla käynnillä sivustolla, jos hänellä on syntymäpäivä sinä päivänä - onnittele häntä juhlan merkeissä.

Задание 3

Annettu syöttökenttä. Kun kenttä menettää fokuksen, tallenna sen arvo paikalliseen varastoon. Seuraavalla käyttäjän käynnillä sivulla aseta syöttökenttään aiemmin tallennettu teksti.