Join Joseph Lowery for an in-depth discussion in this video Saving and retrieving your list, part of HTML5 Projects: Advanced To-Do List.
In the basic version of the To Do list, we had a link for…saving the list whenever you wanted, but…that's a little, well, basic, don't you think?…It'd be much better if we could automagically store and retrieve the list.…And that's what we'll do in this final lesson of the…Advanced To Do list, courtesy of the HTML5 functionality, Local Storage.…And now we see, index.HTM file from the chapter 3 > 03_05 folder > Open.…And again,…let's head down south in the file.…All the way down towards the bottom, and I'm going to stop around line 158,…so we can see the bulk of our add to do on click function.…
Because we need to store our list under a number of different scenarios,…we're going to be adding the same code to five different existing code chunks.…We're going to put our first one right at the end of this routine.…We're adding a new list item, so I'll scroll down…just a little bit there, and right after the sortable group, we'll create a…new line, and the code that we're going to use throughout, is just a single line.…
- Making content editable
- Saving edits
- Setting up the core files for your app
- Removing list items
- Enabling drag-and-drop sorting