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

我是一个初学者，我不知道为什么这样做时会清除存储空间。页面刷新后如何保留它。

    //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);

最佳答案

您应该在JavaScript中的页面加载时进行检查，以检查是否已设置'scored'项，然后只需从localStorage中检索该项，即使刷新后也可以继续工作，或者直到销毁/清除localStorage为止。

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

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

关于javascript - 将分数设置到记分板中。但是刷新页面时记分板会重置。本地存储，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58143121/