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:

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

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

Kirjoitetaan ehto uudelleen lyhyemmässä muodossa:

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

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

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.

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ä.

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.