Механизм хранения данных на стороне клиента в JavaScript работает через Web Storage API. 12 Он включает в себя локальное хранилище (localStorage) и хранилище сеансов (sessionStorage). 1

sessionStorage используется для добавления данных в хранилище сеансов. 1 Данные этого хранилища будут доступны для любой страницы с того же сайта, открытого в этом окне, то есть сессии. 1 Как только окно будет закрыто — сеанс будет завершён, а хранилище сеансов очищено. 1

localStorage — хранилище, которое охватывает несколько окон и сохраняется после текущего сеанса. 1 В частности, веб-приложения могут сохранить пользовательские данные, такие как настройки профиля или содержимое корзины товаров на стороне клиента. 1

Для сохранения данных в localStorage используется метод setItem(), который принимает пару ключ-значение. 14 Для чтения данных из локального хранилища применяется метод getItem(), который принимает ключ и возвращает соответствующее значение. 4