将数字数据保存到本地存储

Question

I'm starting with something simple like an incremental browser game, you basically just click a button and the number counter goes up, and that number becomes currency you can use to buy upgrades that make it so that the number counter goes up by itself. 我从简单的事情开始，例如增量浏览器游戏，基本上您只需单击一个按钮，数字计数器就会上升，该数字会变成货币，您可以用来购买使其升级的升级，以便数字计数器本身会上升。

The only thing I've been trying to figure out is how to make a save function/have all the data saved to a localStorage, so that when the page is refreshed or browser is closed, the numbers don't reset to 0. 我一直想找出的唯一一件事是如何执行保存功能/将所有数据保存到localStorage，以便刷新页面或关闭浏览器时，数字不会重置为0。

Here's part of the javascript code that I'm trying to store: 这是我要存储的javascript代码的一部分：

var cookies = 0;

function cookieClick(number){
    cookies = cookies + number;
    document.getElementById("cookies").innerHTML = cookies;
};

var cursor = 0;

function buyCursor(){                                            
    var cursorCost = Math.floor(10 * Math.pow(1.1,cursor));     
    if(cookies >= cursorCost){                                   
        cursor = cursor + 1;                                   
        cookies = cookies - cursorCost;                         
        document.getElementById('cursor').innerHTML = cursor;  
        document.getElementById('cookies').innerHTML = cookies;  
    };
    var nextCost = Math.floor(10 * Math.pow(1.1,cursor));       

    document.getElementById('cursorCost').innerHTML = nextCost;  
};

window.setInterval(function(){

    cookieClick(cursor);

    }, 1000);

Here's the HTML code: 这是HTML代码：

  <body bgcolor="#2E2E2E"> <div style="text-align: center"> <button onclick="cookieClick(1)"><font size=4>Click</font></button> <br /> <font size="5" color="red">Cash: </font> <span id="cookies">0</span> <div> <br /> <DIV style="position: absolute; top:370px; left:230px; width:300px; height:20px"> <button onclick="buyCursor()">Buy Cursor</button> <br /> Cursors: <span id="cursor">0</span> <br /> Cursor Cost: <span id="cursorCost">10</span> <script type="text/javascript" src="main.js"></script> </body> </html>

This is what I tried using to store the data to localStorage (but it obviously didn't work): 这是我尝试用于将数据存储到localStorage的方法（但显然不起作用）：

<script>
// Check browser support
if (typeof(Storage) != "undefined")
  // Store
  localStorage.cookies;
  // Retrieve
  {
  document.getElementById("cookies").innerHTML=localStorage.cookies;
  }
else
  {
  document.getElementById("cookies").innerHTML="Sorry, your browser does not support Web Storage...";
  }
</script>

So my question is, how do I get this thing to work with the code I'm using? 所以我的问题是，如何使该东西与正在使用的代码一起使用？

Answer 1

you might want to consider using something like html5s local storage. 您可能要考虑使用html5s本地存储之类的东西。 W3 Schools example W3学校示例

将数字数据保存到本地存储

问题描述

1 个解决方案

解决方案1
0 2014-03-22 07:24:50

将数字数据保存到本地存储

问题描述

1 个解决方案

解决方案1 0 2014-03-22 07:24:50

解决方案1
0 2014-03-22 07:24:50