Как сделать сохранение на странице через localStr?

Для сохранения данных на странице с использованием localStorage в JavaScript, вы можете следовать следующим шагам:

1. Проверьте, поддерживает ли браузер localStorage

if (typeof(Storage) !== "undefined") {
   // localStorage поддерживается
} else {
   // localStorage не поддерживается
}

2. Сохраните данные в localStorage

localStorage.setItem("ключ", "значение");

где "ключ" - уникальное имя, которое будет использоваться для доступа к сохраненным данным, а "значение" - данные, которые вы хотите сохранить. Значение должно быть в виде строки, поэтому, если вам необходимо сохранить объект или массив, вам следует преобразовать их в строку, используя метод JSON.stringify().

var myData = { name: "John", age: 30 };
localStorage.setItem("myData", JSON.stringify(myData));

3. Получите сохраненные данные из localStorage

var data = localStorage.getItem("ключ");

При получении данных из localStorage, вы получите их в виде строки, поэтому, если вы сохранили объект или массив, вам следует преобразовать строку обратно в объект или массив, используя метод JSON.parse().

var savedData = localStorage.getItem("myData");
var myData = JSON.parse(savedData);
console.log(myData.name); // Выведет "John"
console.log(myData.age); // Выведет 30

4. Обновите сохраненные данные в localStorage

localStorage.setItem("ключ", "новое значение");

5. Удалите данные из localStorage

localStorage.removeItem("ключ");

6. Очистите все сохраненные данные из localStorage

localStorage.clear();

Важно отметить, что данные, сохраненные в localStorage, будут доступны для чтения и обновления только на той же самой странице, на которой они были сохранены. Также стоит быть осторожным с хранением большого объема данных в localStorage, так как это может повлиять на производительность вашего сайта или приложения.

Кроме того, помимо localStorage в JavaScript также доступны sessionStorage и cookie для сохранения данных на странице.