Saving and retrieving your list


show more Saving and retrieving your list provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Advanced To-Do List show less
please wait ...

Saving and retrieving your 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 th...

Saving and retrieving your list
Video duration: 6m 58s 45m 50s Intermediate

Viewers:

Saving and retrieving your list provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Advanced To-Do List

Subjects:
Design Web
Software:
HTML JavaScript CSS
Author:
please wait ...