Однократное сохранение в localStorage в JavaScript
Если попытаться прочитать ключ, для которого
не были записаны данные, то результатом будет
null
. Это можно использовать для того,
чтобы выполнить однократное сохранение данных.
К примеру, давайте запишем в локальное хранилище момент первого захода пользователя на сайт. А если пользователь зайдет не первый раз, то ничего делать не будем:
let time = localStorage.getItem('time');
if (time === null) {
let now = Date.now();
localStorage.setItem('time', now);
}
Перепишем условие в более коротком виде:
let time = localStorage.getItem('time');
if (!time) {
let now = Date.now();
localStorage.setItem('time', now);
}
По заходу пользователя на сайт запишите в локальное хранилище текущий момент времени. Затем по повторному заходу выведите, сколько прошло времени с предыдущего захода пользователя на сайт.
По заходу пользователя на сайт спросите у него дату рождения. При следующем заходе пользователя на сайт, если у него в этот день будет День Рождения - поздравьте его с этим праздником.
Дан инпут. По потери фокуса в этом инпуте сохраните его значение в локальное хранилище. При следующем заходе пользователя на страницу установите в инпуте сохраненный ранее текст.