How to pass the value of variable when next page loads in JavaScript?

Question

I have a variable named collar whose value is either red or green. It is used for random order as on or off. But in next page,it wont retain its previous value. How to do that. I am beginner in JavaScript.

Answer 1

You may find this answer useful.Maintaing state in JS. You may use cookies to store the value.

Answer 2

You need to use cookies or pass it to a server side back end using sessions.

Answer 3

You need to use cookies, sessionStorage, localStorage, or query parameters.

Please take a look at these similar questions:

• How to get JS variable to retain value after page refresh?

• javascript passing variables to the next page (without php)

• Global Variable usage on page reload

• pass variable between php and javascript without load page

• Passing variable when opening another html page using JavaScript

• Pass a variable to new page

• Maintaining state in javascript through html class

• Passing value to JS function through URL on window load

Answer 4

All of the variables in Javascript only valid in an html page.
- When coming the another page, You may named same variable name but actually different variable.
- When the page is reloaded, the variable value is reset, current value is not kept.

If you really need previous value to be passed through next page, you can rely on server or local storage to keep the value and to be retrieve by the next page.