Egyszeri mentés localStorage-ban JavaScriptben

Ha megpróbálunk egy olyan kulcsot olvasni, amelyre még nem lettek adatok elmentve, az eredmény null lesz. Ezt kihasználhatjuk arra, hogy egyszeri adatmentést hajtsunk végre.

Például mentsük el a lokális tárolóba a felhasználó első látogatásának időpontját a weboldalon. Ha viszont a felhasználó nem először látogat, akkor ne csináljunk semmit:

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

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

Írjuk át a feltételt rövidebb formában:

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

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

A felhasználó weboldalra érkezésekor mentse el a lokális tárolóba az aktuális időpontot. Majd egy ismételt látogatáskor jelenítse meg, hogy mennyi idő telt el a felhasználó előző látogatása óta a weboldalon.

A felhasználó weboldalra érkezésekor kérdezze meg tőle a születési dátumát. A felhasználó következő látogatásakor a weboldalon, ha aznap születésnapja van - köszöntse ezzel az ünnepélyes alkalommal.

Adott egy input mező. Amikor ez a mező elveszti a fókuszt, mentse el az értékét a lokális tárolóba. A felhasználó következő oldalbetöltésekor állítsa be az input mezőbe a korábban elmentett szöveget.