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

【问题标题】：How do I allow a variable that increments throughout the body of a JavaScript file to retain its new values after page reload如何允许在整个 JavaScript 文件正文中递增的变量在页面重新加载后保留其新值
【发布时间】：2020-05-23 05:38:09
【问题描述】：

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

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

【问题讨论】：

标签： javascript variables reload

【解决方案1】：

您可以使用localStorage。
例如：

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

【讨论】：