如何允许在整个 JavaScript 文件正文中递增的变量在页面重新加载后保留其新值

Question

基本上，我正在尝试在我制作的网页游戏上添加"点"值，当我使用 reload(( 函数重新加载页面时，我丢失了递增的值，积分变量初始化回 0(我理解(。我试图克服这个问题，但无法弄清楚。 我尝试多次查找此解决方案，但没有任何效果。网上有一个解决方案，它向SessionStorage Object声明获取和设置值，但这不起作用。

//totalPoints += pointsEarned;
//sessionStorage.setItem("totalPoints", totalPoints);
//finalTotalPoints = sessionStorage.getItem("totalPoints");
//document.getElementById("pointsValue").innerHTML = numOfHints;

Answer 1

您可以使用localStorage.
例如：

1.设置值：localStorage.setItem("counter", 0);
2.获取值：JSON.parse( localStorage.getItem("counter"))