Установка результатов в табло.но табло сбрасывается при обновлении страницы.LocalStorage

Question

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

    //store/get/creatediv and append it to scoreboard

  localStorage.setItem("scored", JSON.stringify(scored));
  var x = JSON.parse(localStorage.getItem("scored"));
  newDiv=document.createElement("div");
  newDiv.textContent=x;
  viewScores.appendChild(newDiv);

Answer 1

У вас должна быть проверка при загрузке страницы в JavaScript, которая проверяет, установлен ли элемент 'scored', а затем просто извлекает его из localStorage и продолжает работать даже после обновления или пока вы не уничтожите / не очистите localStorage

if (localStorage.getItem('scored')) {
      resultArray = JSON.parse(localStorage.getItem('scored'))
    } else {
      resultArray = []
}

Здесь я использую resultArray для хранения значения элемента «scored».