HTML - Web Storage

Overview

Estimated time: 15–25 minutes

Example

<button id="save">Save</button>
<button id="load">Load</button>
<pre id="out"></pre>
<script>
  save.onclick = () => localStorage.setItem('greeting', 'hello');
  load.onclick = () => out.textContent = localStorage.getItem('greeting') || '(none)';
</script>

Common Pitfalls

  • Storing sensitive data—Web Storage is not secure.
  • Quota limits—handle exceptions.