Sauvegarde unique dans localStorage en JavaScript
Si on essaie de lire une clé pour laquelle
aucune donnée n'a été enregistrée, le résultat sera
null. Cela peut être utilisé pour
effectuer une sauvegarde unique de données.
Par exemple, enregistrons dans le stockage local le moment de la première visite de l'utilisateur sur le site. Et si l'utilisateur ne visite pas pour la première fois, nous ne ferons rien :
let time = localStorage.getItem('time');
if (time === null) {
let now = Date.now();
localStorage.setItem('time', now);
}
Réécrivons la condition sous une forme plus courte :
let time = localStorage.getItem('time');
if (!time) {
let now = Date.now();
localStorage.setItem('time', now);
}
Lors de la visite de l'utilisateur sur le site, enregistrez dans le stockage local l'heure actuelle. Ensuite, lors d'une visite ultérieure, affichez combien de temps s'est écoulé depuis la précédente visite de l'utilisateur sur le site.
Lors de la visite de l'utilisateur sur le site, demandez-lui sa date de naissance. Lors de la prochaine visite de l'utilisateur sur le site, si c'est son anniversaire ce jour-là - félicitez-le pour cette occasion.
Un champ de saisie est donné. Lors de la perte de focus dans ce champ, enregistrez sa valeur dans le stockage local. Lors de la prochaine visite de l'utilisateur sur la page, définissez dans le champ le texte précédemment enregistré.