在Javascript中保存和加载不起作用

Saving and loading in Javascript not working

本文关键字:加载 不起作用 保存 Javascript      更新时间:2023-09-26

我目前正在用HTML和Javascript制作一个简单的游戏(我的第一个)。这是用于保存的代码:

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;
};

我还添加了一个重置功能,但是一旦我添加了它并按下重置按钮,保存就不起作用了!(或加载)

function reset()
{
  localStorage.removeItem("save")
}

所有这些按钮都附加到我的HTML中的一个按钮上。

在浏览器中玩游戏:https://dl.dropboxusercontent.com/u/104187515/TIGWNN/index.html

好吧,在没有完全调试您的代码的情况下,我在点击保存时出现错误。第 17 行的保存函数正在执行:

vacuum: vacuum,

您没有名为 vacuum 的全局变量,但您有一个名为 vacuums 的全局变量。该错误正在停止任何进一步的处理。