HTML5 - Storing Things Locally: Web Storage(localStorage, setItemmethod, getItem method)

Head First HTML5 Programming
Building Web Apps with Javascript
(O'Reilly Media)
Eric Freeman (著), Elisabeth Robson (著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox, Google Chrome(Webプラウザ)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
• HTML5 (マークアップ言語)
• JavaScript (プログラミング言語)

Head First HTML5 Programming: Building Web Apps with Javascript (Eric Freeman (著)、Elisabeth Robson (著)、O'Reilly Media)のChapter 9(Storing Things Locally: Web Storage)、EXERCISE(No. 6281)を解いてみる。

その他参考書籍

• Head First HTML and CSS

EXERCISE(No. 6281)

HTML5 (BBEdit, Emacs)

<button id="sticky">sticky</button>
<script>
var sticky = document.getElementById('sticky'),
    bln = true;

localStorage.setItem('sticky_0', 'Pick up dry cleaning')
localStorage.setItem('sticky_1', 'Cancel cable tv, who needs it now');
sticky.onclick = function () {
    var i = bln ? 0 : 1,
        value = localStorage.getItem('sticky_' + i);
    alert(value);
    bln = !bln;
};
</script>