JavaScript saving to local storage?

Question

So I was bored and messing around with javaScript and here's my current code:

JS

var Money = 0;
var U1Amount = 0;

function mButton()
{
    Money += 1;
    document.getElementById('money').innerHTML=Money + "$";
}
function buyU1()
{
    if(Money < 30)
        {
            document.getElementById('updates').innerHTML="You do not have enough money.";
        } else {
            Money -= 30;
            U1Amount += 1;
            document.getElementById('money').innerHTML=Money + "$";
            document.getElementById('updates').innerHTML="You have successfully bought Upgrade 1";
            resetUpdates();
        }
}
var interval = setInterval(gMoneyU1, 1000);
function gMoneyU1()
{
    var calc = 5 * U1Amount;
    Money += calc;
    document.getElementById('money').innerHTML=Money + "$";
}
function resetUpdates()
{
    setTimeout(function(){document.getElementById('updates').innerHTML="";}, 10000);
}
</script>

HTML

<body>
Generated something: <span id='money'>0$</span>
<br />
<span id='updates'></span>
<br />
<button onClick='mButton()'>Generate something.</button>
<br />
<button onClick='buyU1()'>Buy upgrade 1. ($30)</button>
</body>

I have tried to google and found out about some localStorage.setItem and stuff, but I'm unsure how to use it. If someone could explain it I'd really appreciate it. :)

Thanks in advance.

What exactly do you not understand? Here's a link to HTML5 WebStorages: http://www.w3schools.com/html/html5_webstorage.asp — Agash Thamo., Jan 06 '14 at 12:07
Look: http://stackoverflow.com/questions/2010892/storing-objects-in-html5-localstorage — Rafael Soufraz, Jan 06 '14 at 12:08
Or you can try this library, it is quite powerful for it size : http://brian.io/lawnchair/ — Voltrone, Jan 06 '14 at 12:12
Here is a link to the tutorial that I used to laern about localStorage: http://php-html.net/tutorials/html5-local-storage-guide/ — starbeamrainbowlabs, Jan 06 '14 at 12:30

score 0 · Answer 1 · answered Jan 06 '14 at 12:09

I guess you must have gone through this already but I would like to suggest it. For a quick overview go through http://www.w3schools.com/html/html5_webstorage.asp and for a detailed look have a look at http://diveintohtml5.info/storage.html. I think it will server your purpose. It's not very big.

score 0 · Answer 2 · answered Jan 06 '14 at 12:21

@Voltrone suggested Lawnchair and while that's a good library for offering fallback implementations of storage (for example if you are on an older browser without localStorage), I would suggest you use lscache instead: https://github.com/pamelafox/lscache

It's going to make the storage you need to do simpler (just hand it an object to store and a key under which to store it) and it allows you to set how long you want the stuff you store to last if you need to do that.

JavaScript saving to local storage?

2 Answers2