localstorage vs sessionstorage

localStorage and sessionStorage are almost identical and have the same API. 

The difference is that with sessionStorage, the data is persisted only until the window or tab is closed. 

With localStorage, the data is persisted until the user manually clears the browser cache or until your web app clears the data. 

// # localStorage API example: 

// goto devtools & click Application => localStorage to find the key value list 

// Add data to localStorage 

localStorage.setItem("ls-key", "ls-value"); 

 // Get saved data from localStorage 

 const value1 = localStorage.getItem("ls-key"); 

// Remove saved data from sessionStorage 

localStorage.removeItem('ls-key'); 

// Remove all saved data from sessionStorage 

localStorage.clear(); 

// # sessionStorage API example: 

// goto devtools & click Application => sessionStorage 

// Add data to sessionStorage 

sessionStorage.setItem("s-key", "s-value"); 

// Get saved data from sessionStorage 

const sessionValue = sessionStorage.getItem("s-key"); 

// Remove saved data from sessionStorage 

sessionStorage.removeItem('s-key'); 

// Remove all saved data from sessionStorage 

sessionStorage.clear();