How to remember user action between pages?

Question

JavaScript

Colleagues, correct me if I didn't ask the question correctly...
The bottom line is this:
There is a pop-up message in the site header with the close selector.

$(".close").on("click",function(){
    $(".message").fadeOut('slow');
});

When clicked, it disappears, but every time the page is refreshed, a message appears again.
Question : How to make a click on a selector cached. So that the person who clicked the button doesn't get a message on subsequent pages?

Answer 1

cookie, localStorage, sessionStorage not?

Answer 2

Save a label to the session or local storage about what has already been opened.
And then if (!localStorage.getItem('isOpen')) { open menu }

Answer 3

Either cookie or localstorage. Store something like popup_shown = true/false there. On page load, check its value and show/hide your message. When clicked, it changes to false.

Answer 4

It all depends on what kind of message you are displaying. If it is the same always and for everyone (for example, notification of planned technical work), then you can really put a flag on the client.
And if you display one-time messages there ("changes saved", "you are registered", etc.), then you need to deal with the server part - why it displays irrelevant messages.

Answer 5

To hell with half measures! Let's take the Mozilla LocalForage lib !

Answer 6

localStorage, localForage, cookies