在Javascript中保存和加载不起作用
我目前正在用HTML和Javascript制作一个简单的游戏(我的第一个)。这是用于保存的代码:在Javascript中保存和加载不起作用,javascript,function,load,save,Javascript,Function,Load,Save,我目前正在用HTML和Javascript制作一个简单的游戏(我的第一个)。这是用于保存的代码: function save() { var save = { ducks: ducks, ponds: ponds, pondCost: pondCost, ponds: ponds, vacuums: vacuums, vacuumCost: vacuumCost, vacuum: vacuum, llama: llama,
function save()
{
var save = {
ducks: ducks,
ponds: ponds,
pondCost: pondCost,
ponds: ponds,
vacuums: vacuums,
vacuumCost: vacuumCost,
vacuum: vacuum,
llama: llama,
llamaCost: llamaCost,
llamas: llamas
}
localStorage.setItem("save",JSON.stringify(save));
};
这是加载的代码:
function load()
{
var savegame = JSON.parse(localStorage.getItem("save"));
if (typeof savegame.ducks !== "undefined") ducks = savegame.ducks;
if (typeof savegame.ponds !== "undefined") ponds = savegame.ponds;
if (typeof savegame.pond !== "undefined") pond = savegame.pond;
if (typeof savegame.pondCost !== "undefined") pondCost = savegame.pondCost;
if (typeof savegame.vacuums !== "undefined") vacuums = savegame.vacuums;
if (typeof savegame.vacuum !== "undefined") vacuum = savegame.vacuum;
if (typeof savegame.vacuumCost !== "undefined") vacuumCost = savegame.vacuumcost;
if (typeof savegame.llama !== "undefined") llama = savegame.llama;
if (typeof savegame.llamas !== "undefined") llamas = savegame.llamas;
if (typeof savegame.llamaCost !== "undefined") llamaCost = savegame.llamaCost;
document.getElementById('ponds').innerHTML = ponds;
document.getElementById('vacuums').innerHTML = vacuums;
document.getElementById('vacuumCost').innerHTML = nextCost;
document.getElementById('pondCost').innerHTML = nextCost;
};
我还添加了一个重置功能,但当我添加此功能并按下重置按钮时,保存不起作用!(或装载)
所有这些按钮都附加到我的HTML中的一个按钮
在浏览器中玩游戏:
好吧,如果没有完全调试您的代码,当我点击“保存”时,会出现一个错误。第17行的保存功能正在执行:
vacuum: vacuum,
您没有名为vacuum的全局变量,但有一个名为
vacuums
。该错误正在停止任何进一步的处理。我已经解决了!我打开web inspector,发现有两个变量不存在,所以无法保存。我删除了它们,然后又出现了一些错误!所以现在它修好了!帕菲切斯,我看过你的作品,你的游戏对初学者来说是一个很好的开始。我想帮你完成你的项目。
vacuum: vacuum,