Engangsgemring i localStorage i JavaScript

Hvis du forsøger at læse en nøgle, som ikke har nogen gemte data, vil resultatet være null. Dette kan bruges til at udføre en engangsgemring af data.

Lad os for eksempel gemme tidspunktet for brugerens første besøg på hjemmesiden i det lokale lager. Hvis brugeren ikke besøger hjemmesiden for første gang, gør vi ikke noget:

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

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

Lad os omskrive betingelsen til en kortere version:

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

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

Når en bruger besøger hjemmesiden, skal du gemme det aktuelle tidspunkt i det lokale lager. Ved efterfølgende besøg skal du udskrive, hvor meget der er gået siden brugerens sidste besøg på hjemmesiden.

Når en bruger besøger hjemmesiden, skal du spørge ham om hans fødselsdato. Ved brugerens næste besøg på hjemmesiden, hvis det er hans fødselsdag på den dag, skal du ønske ham tillykke med det.

Der gives et inputfelt. Når feltet mister fokus, skal du gemme dets værdi i det lokale lager. Ved brugerens næste besøg på siden skal du sætte teksten i inputfeltet til den tidligere gemte tekst.