ВНИМАНИЕ! Скидки на тариф Практик: 700$ 500$!
Обучение, помощь в поиске работы и заказов, стажировка на реальных проектах. Жми для подробностей →
⊗jsSpSgDt 84 of 294 menu
Бесплатный ЛЕТНИЙ курс по React фреймворку NextJS. Мы уже начали, но еще можно присоединится! Жми для записи!

Работа с данными в localStorage в JavaScript

Метод setItem предназначен для сохранения данных. Первым параметром он принимает ключ, а вторым - значение. Метод getItem предназначен для получения данных. Он принимает один параметр - ключ, под которым эти данные были сохранены.

Давайте попробуем эти методы на практике. Для начала давайте сохраним какую-нибудь строку с каким-нибудь ключом:

localStorage.setItem('key', 'text');

Давайте теперь получим нашу строку из локального хранилища:

let str = localStorage.getItem('key'); console.log(str); // выведет 'text'

Напишите скрипт, который сохранит в локальном хранилище три числа под тремя разными ключами. Запустите этот скрипт, чтобы данные сохранились. Затем напишите скрипт, который получит ваши три числа из локального хранилища и найдет их сумму. Запустите второй скрипт и убедитесь в его работоспособности.

enru