What is Local Storage?

Stores data permanently in the browser (until manually cleared).

Key Features:

• No expiration time
• Shared across all tabs of the same origin
• ~5–10MB storage
• Not sent to server automatically

Code:

// Save data
localStorage.setItem("theme", "dark");

// Get data
const theme = localStorage.getItem("theme");

// Remove
localStorage.removeItem("theme");

What is Session Storage?

Stores data only for the current tab session only for the current tab session.

Key Features:

• Cleared when tab closes
• Not shared between tabs
• ~5–10MB storage
• Not sent to server

Code:

// Save data
sessionStorage.setItem("step", "2");

// Get data
const step = sessionStorage.getItem("step");

// Clear
sessionStorage.clear();

What are Cookies?

Cookies are small pieces of data stored in the browser and automatically sent to the server with every HTTP request.

Key Features:

• Can have expiration date
• Sent with every request (important!)
• ~4KB size limit
• Used for authentication, tracking, sessions

Code:

// Set cookie
document.cookie = "username=Abhishek; expires=Fri, 31 Dec 2026 12:00:00 UTC; path=/";

// Read cookies
console.log(document.cookie);

// Delete cookie
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";