Как записать данные в localstorage js

Фактически, существует прямой способ чтения и записи localStorage путем обращения к свойствам объекта localStorage.age = 10. Однако, следует избегать такой записи. Это исключит возможные проблемы имен свойств. К тому же, setItem позволит обработать событие storage, которое сработает при каждом обновлении данных в хранилище.

localStorage.age = 10; // Плохо
localStorage.setItem('age', 10); // Правильно

Чтобы записать данные в localStorage можно воспользоваться методом localStorage.setItem(). Первым параметром метод принимает имя ключа, под которым будут храниться данные, а вторым параметром сами данные. Например:

// Сохраняем данные
localStorage.setItem('username', 'Ivan');
// Извлекаем данные
const username = localStorage.getItem('username');
console.log(username); // => Ivan