Sometimes it is tough to find the right information even within tutorials since the title sometimes obfucates the content.
Now, this short tutorial will cover the WebStorage-Plug in.
Things to consider
The only way for HTML to "store" information on the local client is useing the cookie technology. This is where the WebStorage Object comes it to play.
You have the choice between two different types of cookies. One that only exist durring the current brwoser session, ie. the information get lost, as soon as the browser is closed.
An the "local" typ which persist as long as the cookies are not erased.
Useing cookies to store data
Actually this concept is quite simple. You can store any string into a cookie. To retrieve the data, you have to link the string to a "key"
This is an example out of my current project:
Here the current SCORE gets saved to a cookie holding the key "HighScore". You do not have to worry about actualy storing the cookie, this is done by the plug-in.
Now, how to retrieve the information? This is as easy as saving the data:
Here the data that is bound to the key "HighScore" gets retrieved.
So, you can store and retrieve all data, that you can store in a string.