Local Storage

localStorage Overview

localStorage stores key-value pairs in the browser persistently. Data survives page refreshes and browser restarts.

localStorage.setItem("theme", "dark");
localStorage.setItem("volume", "75");

const theme = localStorage.getItem("theme");
console.log("Theme:", theme);

const volume = localStorage.getItem("volume");
console.log("Volume:", volume);

Try it Yourself →

setItem & getItem

setItem(key, value) stores a string. getItem(key) retrieves it. Store objects with JSON.stringify/parse.

const user = { name: "Alice", score: 100 };
localStorage.setItem("user", JSON.stringify(user));

const stored = localStorage.getItem("user");
if (stored) {
  const parsed = JSON.parse(stored);
  console.log("Welcome back, " + parsed.name);
  console.log("Score:", parsed.score);
}

Try it Yourself →

removeItem & clear

removeItem(key) deletes a single entry. clear() removes everything.

localStorage.setItem("temp", "temporary data");
console.log("Before remove:", localStorage.getItem("temp"));

localStorage.removeItem("temp");
console.log("After remove:", localStorage.getItem("temp"));

localStorage.clear();
console.log("All cleared:", localStorage.length);

Try it Yourself →

🧪 Quick Quiz

How long does data persist in localStorage?

← Previous JSON

Next → Cookies