Как сохранить данные в LocalStorage, а потом изменять их?

Question

[Alexandr999]

Всем привет! Ребята, я только начинаю изучать JavaScript. И столкнулся с такой проблемой. Задание по ссылке https://codepen.io/alexandr11113/pen/YzNggLJ , его я выполнил. Но мне не понятна одна вещь. Программа 7-го taska добавляет и сохраняет всё, что ввел пользователь. Программа 8-го taska, при нажатии на кнопку поочередно удаляет эти элементы. Всё работает хорошо. Но, если обновить страницу, а потом попытаться добавить что-либо или удалить, массив обнуляется (становится пустым). И приходится добавлять в него всё заново. Можете дать объяснения, почему так происходит? И какой код нужно написать, чтобы после обновления страницы данные не перезаписывались?

Answer 1

[Alex]

Во время загрузки страницы нужно загрузить значения из localStorage

- const a7 = [];
+ const a7 = JSON.parse(localStorage.getItem('a7') || '[]');

Answer 2

[Web Dentist]

let a7 = JSON.parse(localStorage.getItem('a7')) ? localStorage.getItem('a7') : []