Creating a local storage example using a To Do list.
First create an HTML file with an unordered list. The unordered list must have the html5 contenteditable=”true” attribute to allow the content to be modified. Also give the UL an ID so it can be targeted.
var edit = document.getElementById('editableList');
//when the page loads
edit.innerHTML = localStorage.getItem('toDoData');
In the inspector you can deleted the stored data. Note the data is stored per browser.
A Little More About Local Storage
Checkout my HTML5 Textmate Bundle, localStorage Snippets just added.
Update : Here is a good method to save JSON as strings to LS and the parsed again later when needed. Click Here