Day 2: localStorage & sessionStorage

Daily Objective

Persist user data across browser refreshes with localStorage.

1. Web Storage API

// Saving data
const preferences = { theme: 'dark', fontSize: 18 };
localStorage.setItem('userPrefs', JSON.stringify(preferences));

// Retrieving data
const stored = localStorage.getItem('userPrefs');
const parsedPrefs = stored ? JSON.parse(stored) : null;

// Clearing
// localStorage.removeItem('userPrefs');
// localStorage.clear();

Daily Hands-on Practice (70%)

1. Store a user’s dark mode preference in localStorage and restore it when the page loads.