javascript - 将分数设置到记分牌中。但记分牌会在页面刷新时重置。本地存储

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 检索它并继续工作，即使在刷新后或直到你销毁/清除本地存储

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

在这里，我使用 resultArray 来存储“scored”项目的值。