Eenmalig opslaan in localStorage in JavaScript

Als je probeert een sleutel te lezen waarvoor geen gegevens zijn geschreven, dan is het resultaat null. Dit kan gebruikt worden om eenmalig gegevens op te slaan.

Laten we bijvoorbeeld in de lokale opslag het tijdstip van de eerste keer dat de gebruiker de website bezoekt opslaan. En als de gebruiker niet voor de eerste keer komt, dan doen we niets:

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

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

Laten we de voorwaarde in een kortere vorm herschrijven:

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

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

Sla bij het bezoek van de gebruiker aan de website het huidige tijdstip op in de lokale opslag. Toon vervolgens bij een volgend bezoek hoeveel tijd er is verstreken sinds het vorige bezoek van de gebruiker aan de website.

Vraag de gebruiker bij zijn bezoek aan de website om zijn geboortedatum. Bij een volgend bezoek van de gebruiker aan de website, feliciteer hem dan als het zijn verjaardag is.

Er is een invoerveld. Sla bij het verlies van focus in dit veld zijn waarde op in de lokale opslag. Stel bij het volgende bezoek van de gebruiker aan de pagina de eerder opgeslagen tekst in het invoerveld in.