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使用。

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

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

然后在您的点击事件中：

localStorage.score = score + 10

Answer 2

请检查此链接可以帮助您：
的 http://www.w3schools.com/html/html5_webstorage.asp
您可以制作一个空数组并使用： array_name.push() 作为您的值然后您可以使用 localStorage.setItem("score" , array_name) 左，然后您可以使用以下方法再次检索此值：
localStorage.getItem("score");
返回数组值，您应首先检查：
是否有值，以避免应用程序中出现未定义或异常如果您需要一个演示，请立即告诉我，我将上传它。

需要HTML5 Localstorage帮助

2 个答案: