Save variable value after reloading in javascript

Question

I would like the var value to have the same value after refreshing, e.g if the button is pressed 5 times, then the user refreshes, the paragraph 'print' will show 6 instead of 1, which it is set to do currently.

Here is my code:

var value = 1;
$(document).ready(function() {
    $('#print').text(value);
});

$('#add1Button').click(function() {
    value = value + 1;
    $('#print').text(value);
});

make ajax request to some other html and get back the data on document ready. You can also do this using cookies. — Sumit Sahay
– Sumit Sahay, Commented Feb 19, 2016 at 22:08
Possible duplicate of How to get JS variable to retain value after page refresh? — traktor
– traktor, Commented Feb 19, 2016 at 23:06

Community · Accepted Answer · 2017-05-23 11:50:34Z

4

If I understand you correctly, you need to have same value even after user refreshes the page? If that is correct, then you can:

Write that value to cookie
Use local storage
Store the value on server and retrieve it when page is loaded.
(Suggested by PHPglue, thanks): you can use Hash or get value in the url

First option is simplest and supported by all browsers. Local storage is HTML5 feature and you should check which browsers support it. Third option is most complex.

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Feb 19, 2016 at 22:08

vmg

10.6k15 gold badges67 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

StackSlave Over a year ago

Don't forget you could also add a hash or GET value to the URL.

Billy Over a year ago

@PHPglue, if you make that an answer I'll upvote it, I didn't think of that when I saw the question, good thinking.....

vmg Over a year ago

Second it, great idea with hash

Collectives™ on Stack Overflow

Save variable value after reloading in javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related