How To Build Simple App Using HTML5 Web Storage API – Part III

Hello!This is the third post on how to use html5 web storage api to create a simple web application (sticky notes). If you have not read the second post, please click here to get started before going forward – although it is up to you to choose. Today, I am going to complete the app by adding some improvements and fixing some potential errors in the design. Enjoy with me!

html5 web storage api

Before the end of my second post in this series, we had something that looked like this:

html5 web storage example

HTML5 Tutorial Building a StickyNotes App – Part II

In this html5 tutorial, we will go a step farther from where we left. Yesterday, I showed you how to use HTML5 Web Storage API in my first html5 tutorial post. Today, I want, as promised, to embark on the next phase of the application. I hope you will enjoy this as much as I do. Before I jump in, let me do a recap really fast:

html5 tutorial

So, here is what we covered in my first post:

  • localStorage has setItem, getItem, length and key() features that come with it among other things.