无法在简单的HTML页面上恢复“已保存”状态

Question

我在这里遇到问题，我只在浏览器中使用html和javascript进行增量游戏，我使用这两个函数来保存/加载，这在我没有att的情况下很好用，但是每次改变都有效，甚至一点点调整，比如创建一个新功能，每个人都失去了他们的存储，需要从头开始，我不明白为什么会这样。

function save() { 
    "use strict";
    var savegame = {
        gold: gold,
        rep: rep,
        stats: stats,
        squire: squire,
        footman: footman,
        archer: archer,
        knight: knight
    };
    localStorage.setItem("savegame", JSON.stringify(savegame));
}
function load() {
    "use strict";
    var loadgame = JSON.parse(localStorage.getItem("savegame"));
    if (loadgame.gold !== undefined) {
        gold = loadgame.gold;
    }
    if (loadgame.rep !== undefined) {
        rep = loadgame.rep;
    }
    if (loadgame.stats !== undefined) {
        stats = loadgame.stats;
    }
    if (loadgame.squire !== undefined) {
        squire = loadgame.squire;
    }
    if (loadgame.footman !== undefined) {
        footman = loadgame.footman;
    }
    if (loadgame.archer !== undefined) {
        archer = loadgame.archer;
    }
    if (loadgame.knight !== undefined) {
        knight = loadgame.knight;
    }
}