將數字數據保存到本地存儲

Question

我從簡單的事情開始，例如增量瀏覽器游戲，基本上您只需單擊一個按鈕，數字計數器就會上升，該數字會變成貨幣，您可以用來購買使其升級的升級，以便數字計數器本身會上升。

我一直想找出的唯一一件事是如何執行保存功能/將所有數據保存到localStorage，以便刷新頁面或關閉瀏覽器時，數字不會重置為0。

這是我要存儲的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);

這是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>

這是我嘗試用於將數據存儲到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>

所以我的問題是，如何使該東西與正在使用的代碼一起使用？

Answer 1

您可能要考慮使用html5s本地存儲之類的東西。 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