Storage & State Persistence
LocalStorage vs. SessionStorage
Both LocalStorage and SessionStorage allow storing data in the browser, but they have key differences.
- LocalStorage: Data persists even after the browser is closed.
- SessionStorage: Data is cleared when the session (tab) is closed.
- Both store data as key-value pairs in string format.
// Storing data localStorage.setItem("username", "Jake"); sessionStorage.setItem("sessionID", "12345"); // Retrieving data console.log(localStorage.getItem("username")); // "Jake" console.log(sessionStorage.getItem("sessionID")); // "12345" // Removing data localStorage.removeItem("username"); sessionStorage.clear();