Javascript global variable does not persist when navigate to another page (which also uses same js file) [duplicate]

Answer 1

Use localStorage:

localStorage.setItem('name', 'value');
var something = localStorage.getItem('name');

setItem on your first page, then getItem on your second.

The localStorage persists across pageloads, as opposed to "normal" JavaScript variables.

"Normal" variables are initialized as soon as the JS file is loaded (And runs), but are destroyed when the file unloads, so when the user leaves a page.

You could also use Cookies, but they're a bit of a pain to work with in JS, since they're stored in a string like:

'name=value; name1=value1; name2=value2';