LocalStorage hello world

LocalStorage lets web applications store things in the local browser, independent of any running browsing contexts. Its API is key-value:

localStorage.setItem("hello", "world");
console.log(localStorage.getItem("hello")); // logs "world"

The storage is per-origin (for this site, https://jameshfisher.com:443). All browsing contexts for this origin share the same key-value store.

The following form sets/gets values in the localStorage for this website (jameshfisher.com).

In Chrome, you can see the values in localStorage by opening developer tools and going to “Local Storage”. You can edit the values there, too.

Get updates on Twitter

I wrote this because I felt like it. This post is not associated with my employer. This site is hosted by Netlify (who are great, but I'm not associated with them either).