How can I set HTML's localStorage to an integer rather than string?

Question

I am having a problem using localStorage in a game I am trying to make. Also a not is the money variable is designed to increase by 1 every second. Here's some of my code:

var money = 0;
window.onload = function () {
    load();
    window.setInterval(save, 2500);
};
function save(){
    localStorage.setItem("money", money);
};
function load() {
    document.getElementById("moneyText").innerHTML = localStorage.getItem("money");
};

My problem is that the save function is overriding the money variable every 2500 milliseconds. So I changed the innerHtml of the moneyText element to the same localStorage object like so:

function load() {
    document.getElementById("moneyText").innerHTML = localStorage.getItem("money");
    money = localStorage.getItem("money");
};

Which does save the value. However, now when it increases it shows up like this:

Where as before I added that line it showed up as this:

1
2
3
...

score 4 · Accepted Answer · edited May 23 '17 at 12:15

4

The values in Local Storage are always a string.

You could use parseFloat before you assign money.

 money = parseFloat(localStorage.getItem("money"));

edited May 23 '17 at 12:15

Community

1
1

answered Jan 24 '16 at 23:30

johnnyRose

7,310
17
40
61

1

Or `money = +localStorage.getItem("money")` – Oriol Jan 24 '16 at 23:31
1

Or `money = Number(localStorage.getItem("money"))`. – Sebastian Simon Jan 24 '16 at 23:32
Bro, you are a life saver thanks so much man! – Geroy290 Jan 24 '16 at 23:32
Or `money = parseInt(localStorage.getItem("money"), 10)`. – Sebastian Simon Jan 24 '16 at 23:32
@Xufox `parseInt` was my first thought, but OP may need a floating point number (even though it isn't implied by the question). These other suggestions are good, too. – johnnyRose Jan 24 '16 at 23:34

score 2 · Answer 2 · answered Jan 24 '16 at 23:30

2

localStorage holds only strings. Use:

money = parseFloat(localStorage.getItem("money"));

localStorage.setItem("money", money.toString());

answered Jan 24 '16 at 23:30

Gavriel

18,880
12
68
105

How can I set HTML's localStorage to an integer rather than string?

2 Answers2