HTML 5本地存储保存级别已解锁

Question

我是HTML 5本地存储的新手，我决定在jquery / html / css / JS游戏中使用它来保存关卡和硬币。

所以基本上一旦你完成一个级别，下一个级别就像按钮那样显示

$('#button2').show

我想在这里完成的是，当您刷新页面时，您解锁的关卡仍然适合您。

Answer 1

Localstorage只能存储字符串，因此如果要存储字符串，请使用语法

localStorage.string = "variableValue"
//To Get the value use:
var savedString  = localStorage.string

但是，如果你想存储任何其他内容，你可以这样做：

var variableToStore = {Level1: "22"}
localStorage.object = JSON.stringify(variableToStore);

要获得你想要的价值：

var savedObject = JSON.parse(localStorage.object);

JSON.stringify和JSON.parse函数内置了javascript。 对于数字（整数），可以使用字符串的语法保存它：

localStorage.number = 523;
//Javascript will convert it to a string for you

但是为了将数字的值作为整数而不是字符串，您必须使用：

var savedNumber = JSON.parse(localStorage.number);

---

查看这个jsfiddle，了解如何将数组中的级别保存到localStorage，从localStorage获取它们，将它们重新转换为数组，添加新的＆＃34;完成级别＆＃34;并显示新数组。 http://jsfiddle.net/cfh78wbu/8/