Вопрос по localstorage Javascript.

Question

Вопрос по localstorage Javascript.

иван савин Ученик (42), на голосовании 1 год назад

document.querySelector("#timepicker_button_2").addEventListener("touchstart", function () {
localStorage.setItem('Hour1On', Socket1TimeHourOn);
console.log(localStorage.getItem('Hour1On'));
})
Есть такой код на js. При нажатии на кнопку он сохраняет данные в applications и выводит в консоль, НО если обновить страницу запись из консоли удаляется, как это исправить?

Answer 1

ne loh Ученик (134) 1 год назад

какая именно запись у тебя удаляется?

иван савинУченик (42) 1 год назад

Содержимое Socket1TimeHourOn.

ne loh Ученик (134) иван савин, когда ты нажимаешь на кнопку, то в localstorage у тебя сохраняется ключ Hour1On со значением переменной (строка) Socket1TimeHourOn. когда ты обновляешь страницу, что бы получить прежде сохраненное значение Socket1TimeHourOn, тебе нужно написать:

 localStorage.getItem("Hour1On");

иван савинУченик (42) 1 год назад

оно же есть в console.log?

ne loh Ученик (134) иван савин, что значит "оно есть в console.log?", позволь узнать? console.log - это лишь встроенная функция для вывода в консоль значения определенной переменной. В самом console.log значения переменных не сохраняются

Елисей ГусевУченик (52) 1 год назад

Это я с другого аккаунта. Но даже если попытаться прописать внутри getitem и потом вставить его, например, в h1, то значение там появится после клика по кнопке, но опять же только до перезапуска страницы, хотя в applications значение останется.

Answer 2

LocalStorage в браузере предназначен для временного хранения данных, которые будут доступны только в текущей вкладке браузера и на конкретном устройстве. При обновлении страницы данные из localStorage не удаляются, они должны оставаться доступными. Если у вас происходит удаление данных из localStorage при обновлении страницы, это может быть связано с разными причинами, например:

Вы намеренно или случайно удалили данные из localStorage в другом месте в коде.
Вы используете инкогнито-режим в браузере, который не поддерживает localStorage.
Вы используете опцию "очистить историю" в браузере, которая также может очистить localStorage.
Возможно, в вашем браузере отключен localStorage.
Проверьте, нет ли в вашем коде других мест, которые могут удалять данные из localStorage, и проверьте, что localStorage включен в настройках браузера. Если проблема сохранения данных в localStorage продолжается, вы можете использовать другие методы хранения данных, такие как IndexedDB или Web SQL.

Answer 3

 const b2 = document.querySelector("#timepicker_button_2");
const ls = localStorage.getItem('Hour1On');

ls && console.log(ls);

b2.addEventListener("touchstart", function () { 
  localStorage.setItem('Hour1On', Socket1TimeHourOn); 
  console.log(localStorage.getItem('Hour1On')); 
})

Что-то такое должно сработать. Просто чего ты хочешь, если без события в консоль ничего не выводится.