Html Data Storage — Free Html Tutorial

TL;DR: Learn Html Data Storage in Html with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

Html Data Storage in Html

localStorage stores data permanently in the browser (survives tab close). sessionStorage lasts only for the current session.

API: setItem(key, value), getItem(key), removeItem(key), clear(). Values must be strings — use JSON.stringify() for objects.

Storage limit ~5MB per origin. Never store passwords or sensitive data here.

Perfect for: user preferences, saved progress, offline-first features, shopping carts.

localStorage.setItem('name', 'Priya');
localStorage.setItem('prefs', JSON.stringify({ theme: 'dark' }));
const name = localStorage.getItem('name');
const prefs = JSON.parse(localStorage.getItem('prefs'));
localStorage.removeItem('name');
localStorage.clear();

Learn Html Data Storage step by step with Syllab's free interactive Html tutorial — runnable code examples, practice exercises and instant AI feedback, all free with no signup. Explore the full Html course →