我正在使用HTML5本地存储为用户制作保存游戏。 只是不起作用。 （JavaScript）

Question

这是我一直在使用的教程 。 就在最底部。

我正在使用的功能是：

function saveGame(){
    printMessageLine("Saved.");
    localStorage['shittyInc_save'] = btoa(JSON.stringify(game));
}

function loadGame() {

    var save_data = get_cookie('shittyInc_save');
    printMessageLine("Loaded.");
    console.log(save_data);
    if (!save_data) return;
    console.log(save_data);
    game = save_data
}

可变游戏看起来像

    var game = {
     money: 0,
     xp: 0,
     level: 1,
     xpPimps: 0,
     slaves: 0,
     printers: 0,
     xpWhores: 0,
     slaveDrivers: 0,
     xpMines: 0,
     moneyTrees: 0,
     shittyInvestors: 0,
     shitMoney: 0,
     shittyCompanies: 0,
     moneyPigs: 0,
     shittyBitcoins: 0
};

该变量已正确使用并经过测试。

我有一个使用saveGame();的按钮saveGame(); 和loadGame();

<p><button onclick="saveGame()" style="background: #ccc url(triangular.png); padding: 0.2em 2em"">Save</button></p>
     <p><button onclick="loadGame()" style="background: #ccc url(triangular.png); padding: 0.2em 2em"">Load</button></p>

似乎什么也没做，我想念什么？

知道了，下面的固定代码：

  function loadGame() {

    var save_data = localStorage['shittyInc_save']
    printMessageLine("Loaded.");
    console.log(save_data);
    if (!save_data) return;
    console.log(save_data);

    game = JSON.parse(atob(localStorage['shittyInc_save']))
}

Answer 1

您从localStorage获取数据的方式与在本地存储数据的方式相同，而不是使用get_cookie 。

var data = 'some data';
//save to localStorage
localStorage['myData'] = data;

//get from localStorage
var fromStorage = localStorage['myData']; //'some data'

旁注：内联JavaScript是一种不好的做法，会给您带来麻烦。 阅读以下结果： https : //www.google.com/search?q= Why+is+ addEventListener最佳做法是将事件监听器附加到addEventListener ，如下所示：

标记：

<button id="myButton"></button>

JavaScript：

var myButton = document.getElementById('myButton');
myButton.addEventListener('click', myClickFunction);

myClickFunction(event) {
  //do something
}

这是一个完整的示例，演示了单击功能以及如何从localStorage进行保存和加载。 通过输入内容进行尝试，然后单击“保存”。 然后，您可以更改输入或重新加载页面，然后单击“加载”以返回值。 现场演示在这里（单击）。

标记：

<input id="save-data" type="text" placeholder="type data here">
<button id="save">Save</button>
<button id="load">Load</button>

JavaScript：

var save = document.getElementById('save');
var load = document.getElementById('load');
var saveDataInput = document.getElementById('save-data');

save.addEventListener('click', function() {
  saveGame();
});

load.addEventListener('click', function() {
  loadGame();
});

function saveGame() {
  localStorage.saveData = saveDataInput.value;
}

function loadGame() {
  saveDataInput.value = localStorage.saveData;
}

Answer 2

本教程正确使用localStorage[]对象进行保存和加载。

大约2/3通过http://blog.samgb.com/incrementals-from-zero-to-hero-part-3/

我们这样与本地存储接口：

保存

localStorage['clickclick_save'] = btoa(JSON.stringify(player));

载入中

player = JSON.parse(atob(localStorage['clickclick_save']))

您发布的代码与本教程中介绍的两种不同的存储和加载游戏数据的方式不匹配。 好像您将钱包放在床下，然后在抽屉里找它一样。