javascript - 如何知道用户是否完成了所有任务？

Question

我正在制作一款仅使用 HTML、JavaScript 和 CSS 的应用程序，其中包含一些 child 小游戏(如拼图、排序单词、绘画等)。我有一个索引页面，其中包含每个游戏页面的链接，一旦游戏结束，它就会直接重定向到索引页面，所有这些都在同一个浏览器选项卡中。

我想知道的是，是否有某种方法可以知道玩家什么时候完成了一场游戏，这样之后，游戏就会被锁定，一旦玩家完成了所有游戏，就会解锁一个特殊的奖品或者其他什么。

我尝试过使用本地存储，但问题是，一旦我玩过一款游戏，它就会保持锁定状态，因为本地存储会保留我玩过的游戏的内存，即使我关闭浏览器也是如此。有没有办法在关闭浏览器后使用本地存储“丢失内存”？或者有没有比本地存储更有效的方式？

任何帮助将不胜感激!

Answer 1

值得您阅读:http://www.smashingmagazine.com/2010/10/11/local-storage-and-how-to-use-it/

以下是您可以对本地存储执行的操作:

加载页面后，设置本地存储并将所有游戏设置为不完整

创建一个 store() 和 check() 函数来帮助您并使事情变得更容易

function store(game, status){
    localStorage.setItem(game, status);
}
function check(game){
    return localStorage.getItem(game);
}

window.onload = function() {
    store("puzzle1", false);
    store("puzzle2", false);
    store("puzzle3", false);
}

当用户完成游戏时，您可以更改存储中的数据:

someEvent() {
    store("puzzle1", true);
}

然后在游戏结束时，或者在游戏起始页上运行一些检查:

//if puzzle1 is true
if(check("puzzle1")) {
     //do Stuff
}

我相信这应该适合你。