HTML5 Web Storage

localStorage object:

The localStorage object stores data with no expiration date, making it persist even after the browser is closed. This data is accessible across browser sessions and tabs.

Example:

// Storing data
localStorage.setItem("username", "JohnDoe");
// Retrieving data
const username = localStorage.getItem("username");
console.log(username); // Outputs: "JohnDoe"

sessionStorage object:

The sessionStorage object is similar to localStorage but stores data for only one session, which means the data is cleared when the user closes the specific browser tab or window.

Example:

// Storing session data
sessionStorage.setItem("theme", "dark");
// Retrieving session data
const theme = sessionStorage.getItem("theme");
console.log(theme); // Outputs: "dark"