[英]Saving number data to a local storage
我从简单的事情开始,例如增量浏览器游戏,基本上您只需单击一个按钮,数字计数器就会上升,该数字会变成货币,您可以用来购买使其升级的升级,以便数字计数器本身会上升。
我一直想找出的唯一一件事是如何执行保存功能/将所有数据保存到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>
所以我的问题是,如何使该东西与正在使用的代码一起使用?
您可能要考虑使用html5s本地存储之类的东西。 W3学校示例
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.