Keep a User name when refreshing the page

Question

How can I keep the name of the User in the Home Page even when he navigates through other pages and then comes back to the Home Page again?
It's a simple Button through which, once clicked, a prompt asks for the Users name and displays a greeting.

For example:
Button: Who are you?
Prompt: Insert your name
Message Displayed: Hi [Name], welcome to the WebSite!

The problem is that when the User refresh the Home Page, the name disappear and he should click again the button.

Is there any way to keep the User Name in the whole session?

Thanks!

Answer 1

you can use localStorage like this

localStorage.setItem("username", "Smith");

to get the value from the localStorage use this

localStorage.getItem("username");

Answer 2

You Can Use sessionStroge like this.

 // Store
sessionStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname"); 

You can Retrieve more information about this function w3schools:SessionStorage

Answer 3

@andrea-belluccia you can store it in a session, cookie or localstorage (you should check browser compatibility list for this). Then whenever you need to use the username you can.