javascript - 需要 HTML5 Localstorage 帮助

Question

我对 JS 很陌生，我想知道如何在我的代码中实现这个场景。
我正在使用 html、css 和 js 创建一个简单的 Android 敲击游戏。每当我的对象被点击时，分数就会增加 10 分。我需要将此分数保存在本地。因此，当游戏重新启动时，分数就会被加载。
游戏代码如下:

var score = 0;

$(document).ready(function() {
  $("#menu").hide();
  $("#bug").autoBounceOff(true);
  $("#bug").moveTo(140);
  $("#bug").speed(0.8);

  //When bug is clicked on
  $("#bug").click(function() {
    score = score + 10;
    $('#score').html('Points: ' + score + '') + 10;
  });
})

function showMenu() {
  $("#menu").show();
  $("#bug").css("visibility", "hidden");
  $("#bug").css("animation-play-state", "paused");
  return;
}

function resume() {
  $("#menu").hide();
  $("#bug").css("visibility", "visible");
  $("#bug").css("animation-play-state", "running");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="header">
  <div id="score">Points:</div>
  <div id="menuheader" onclick="showMenu()">M</div>
</div>
<div id="menu">
  <div id="start" onclick="resume()">resume</div>
</div>
<div id="bug"></div>
<div class="bottomwall"></div>
<div class="topwall"></div>
<div class="leftwall"></div>
<div class="rightwall"></div>

JSFiddle

Answer 1

本地存储的基本使用。

启动脚本时，您可以测试 localStorage.score 是否已设置:

var score = 0;
if(!localStorage.score){
    localStorage.score = 0;
}
score = parseInt(localStorage.score);

然后在您的点击事件中:

localStorage.score = score + 10