Javascript 将号码数据保存到本地存储器_Javascript_Html_Function_Save_Storage

Javascript 将号码数据保存到本地存储器

javascript html function

Javascript 将号码数据保存到本地存储器,javascript,html,function,save,storage,Javascript,Html,Function,Save,Storage,我从一些简单的东西开始，比如一个增量浏览器游戏，你基本上只需点击一个按钮，数字计数器就会上升，这个数字就变成了你可以用来购买升级的货币，这样数字计数器就会自动上升 <body bgcolor="#2E2E2E"> <div style="text-align: center"> <button onclick="cookieClick(1)"><font size=4>Click</font></bu

我从一些简单的东西开始，比如一个增量浏览器游戏，你基本上只需点击一个按钮，数字计数器就会上升，这个数字就变成了你可以用来购买升级的货币，这样数字计数器就会自动上升

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

我一直想弄明白的唯一一件事是如何实现保存功能/将所有数据保存到本地存储，以便在刷新页面或关闭浏览器时，数字不会重置为0

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

下面是我试图存储的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);

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

以下是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>

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


点击


现金：0


购买光标


游标：0


成本：10

这就是我尝试将数据存储到localStorage的方法（但显然不起作用）：

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


//检查浏览器支持
if（类型（存储）！=“未定义”）
//贮藏
localStorage.cookies；
//取回
{
document.getElementById（“cookies”）.innerHTML=localStorage.cookies；
}
其他的
{
document.getElementById（“cookies”）.innerHTML=“对不起，您的浏览器不支持Web存储…”；
}

我的问题是，如何让这个事情与我正在使用的代码一起工作？

你可能想考虑使用像HTML5S本地存储之类的东西。

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

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