Local and Session Storage APIs

These are simple, synchronous key-value storage mechanisms for storing small amounts of data in the browser.

Local Storage

• Data persists until explicitly cleared.
• ~5-10MB (varies per browser).
• Across browser sessions.

// Set data
localStorage.setItem("username", "John");

// Get data
console.log(localStorage.getItem("username")); // Output: John

// Remove data
localStorage.removeItem("username");

// Clear all data
localStorage.clear();

Session Storage

• Data lasts only for the session.
• Same as Local Storage.
• Only within the current session/tab.

// Set data
sessionStorage.setItem("sessionID", "12345");

// Get data
console.log(sessionStorage.getItem("sessionID")); // Output: 12345

// Remove data
sessionStorage.removeItem("sessionID");

// Clear all session data
sessionStorage.clear();