Javascript 本地存储不工作到"；“保存”；游戏_Javascript_Html

Javascript 本地存储不工作到"；“保存”；游戏

javascript html

Javascript 本地存储不工作到"；“保存”；游戏,javascript,html,Javascript,Html,你好在这里完成JS noob。我遵循本教程：关于保存和加载游戏。然而，它根本不起作用。我希望你们这些优秀的人能够轻松地告诉我代码的问题。浏览器控制台上根本没有出现任何错误。但是，当我重新加载页面时，它并没有加载“已保存”的数据。我已经尝试将load（）函数放在js文件本身中，以及包含在HTML头中。我还尝试在脚本本身中使用window.onload调用load（）函数请帮忙 HTML 您的save对象将只声明和定义一次，并且永远不会更改，因此您将一次又一次地保存进度的第一个初始值，您应该在每

你好

在这里完成JS noob。我遵循本教程：关于保存和加载游戏。然而，它根本不起作用。我希望你们这些优秀的人能够轻松地告诉我代码的问题。浏览器控制台上根本没有出现任何错误。但是，当我重新加载页面时，它并没有加载“已保存”的数据。我已经尝试将load（）函数放在js文件本身中，以及包含在HTML头中。我还尝试在脚本本身中使用window.onload调用load（）函数

请帮忙

HTML

您的

save

对象将只声明和定义一次，并且永远不会更改，因此您将一次又一次地保存进度的第一个初始值，您应该在每个间隔上保存一个新对象：

window.setInterval(function(){
    increment(things);
    localStorage.setItem("save",JSON.stringify({clicks: clicks, things: things}));
}, 1000);

您的

save

对象将只声明和定义一次，并且永远不会更改，因此您将一次又一次地保存进度的第一个初始值，您应该在每个间隔上保存一个新对象：

window.setInterval(function(){
    increment(things);
    localStorage.setItem("save",JSON.stringify({clicks: clicks, things: things}));
}, 1000);

您的

save

对象将只声明和定义一次，并且永远不会更改，因此您将一次又一次地保存进度的第一个初始值，您应该在每个间隔上保存一个新对象：

window.setInterval(function(){
    increment(things);
    localStorage.setItem("save",JSON.stringify({clicks: clicks, things: things}));
}, 1000);

您的

save

对象将只声明和定义一次，并且永远不会更改，因此您将一次又一次地保存进度的第一个初始值，您应该在每个间隔上保存一个新对象：

window.setInterval(function(){
    increment(things);
    localStorage.setItem("save",JSON.stringify({clicks: clicks, things: things}));
}, 1000);

你得到了一个参考问题。

clicks

和

save的内存地址。clicks

不是指向同一个对象，因为它是一个基本数字

将所有游戏数据放在一个对象中也有助于减少全局命名空间污染

<!DOCTYPE HTML>
<head>
  <title> Game </title>
  <link rel="stylesheet" type="text/css" href="interface.css" />
  <script type="text/javascript">
    function load() {
        return JSON.parse(localStorage.getItem("game")) || {
            clicks: 0,
            things: 0
        };
    }
    </script>
</head>
<body onload="load()">
<button onClick="increment(1)"> Click </button>
<span id="clicks"></span><br /><br />

<button onClick="buyThing()"> Buy Thing </button><br />
Things: <span id="things">0</span><br />
Next Thing Cost: <span id="thingCost">10</span>

<script type="text/javascript" src="main.js"></script>

你得到了一个参考问题。

clicks

和

save的内存地址。clicks

不是指向同一个对象，因为它是一个基本数字

将所有游戏数据放在一个对象中也有助于减少全局命名空间污染

<!DOCTYPE HTML>
<head>
  <title> Game </title>
  <link rel="stylesheet" type="text/css" href="interface.css" />
  <script type="text/javascript">
    function load() {
        return JSON.parse(localStorage.getItem("game")) || {
            clicks: 0,
            things: 0
        };
    }
    </script>
</head>
<body onload="load()">
<button onClick="increment(1)"> Click </button>
<span id="clicks"></span><br /><br />

<button onClick="buyThing()"> Buy Thing </button><br />
Things: <span id="things">0</span><br />
Next Thing Cost: <span id="thingCost">10</span>

<script type="text/javascript" src="main.js"></script>

你得到了一个参考问题。

clicks

和

save的内存地址。clicks

不是指向同一个对象，因为它是一个基本数字

将所有游戏数据放在一个对象中也有助于减少全局命名空间污染

<!DOCTYPE HTML>
<head>
  <title> Game </title>
  <link rel="stylesheet" type="text/css" href="interface.css" />
  <script type="text/javascript">
    function load() {
        return JSON.parse(localStorage.getItem("game")) || {
            clicks: 0,
            things: 0
        };
    }
    </script>
</head>
<body onload="load()">
<button onClick="increment(1)"> Click </button>
<span id="clicks"></span><br /><br />

<button onClick="buyThing()"> Buy Thing </button><br />
Things: <span id="things">0</span><br />
Next Thing Cost: <span id="thingCost">10</span>

<script type="text/javascript" src="main.js"></script>

你得到了一个参考问题。

clicks

和

save的内存地址。clicks

不是指向同一个对象，因为它是一个基本数字

将所有游戏数据放在一个对象中也有助于减少全局命名空间污染

<!DOCTYPE HTML>
<head>
  <title> Game </title>
  <link rel="stylesheet" type="text/css" href="interface.css" />
  <script type="text/javascript">
    function load() {
        return JSON.parse(localStorage.getItem("game")) || {
            clicks: 0,
            things: 0
        };
    }
    </script>
</head>
<body onload="load()">
<button onClick="increment(1)"> Click </button>
<span id="clicks"></span><br /><br />

<button onClick="buyThing()"> Buy Thing </button><br />
Things: <span id="things">0</span><br />
Next Thing Cost: <span id="thingCost">10</span>

<script type="text/javascript" src="main.js"></script>

令人惊叹的！这就成功了。出于某种原因，在我实际单击“单击”按钮或“购买物品”按钮之前，它不会加载保存的值。但这很好，因为我一走就知道了。非常感谢你！也许main.js中的代码是罪魁祸首。尝试在jsfidde/plunkr/codepanawesome上提交您的代码的实时示例！这就成功了。出于某种原因，在我实际单击“单击”按钮或“购买物品”按钮之前，它不会加载保存的值。但这很好，因为我一走就知道了。非常感谢你！也许main.js中的代码是罪魁祸首。尝试在jsfidde/plunkr/codepanawesome上提交您的代码的实时示例！这就成功了。出于某种原因，在我实际单击“单击”按钮或“购买物品”按钮之前，它不会加载保存的值。但这很好，因为我一走就知道了。非常感谢你！也许main.js中的代码是罪魁祸首。尝试在jsfidde/plunkr/codepanawesome上提交您的代码的实时示例！这就成功了。出于某种原因，在我实际单击“单击”按钮或“购买物品”按钮之前，它不会加载保存的值。但这很好，因为我一走就知道了。非常感谢你！也许main.js中的代码是罪魁祸首。尝试在jsfidde/plunkr/codepining上提交一个代码的实时示例，而不是在interval上保存，为什么不只在值更改时保存呢？在buyThing（）函数的末尾？与其按间隔保存，为什么不只在值更改时保存？在buyThing（）函数的末尾？与其按间隔保存，为什么不只在值更改时保存？在buyThing（）函数的末尾？与其按间隔保存，为什么不只在值更改时保存？在buyThing（）函数的末尾？