WEB Storageを使ってみる

WEB Storageを使ってみました。
これは一昔前のCookieみたいなモノですが、容量が桁違いで使い勝手も幾分向上しています。

実際のところ

expressで、簡単なデモを作ってみます。

js/webstorage.js

function myFunction() {
    const a   = localStorage.setItem("lastname", "Smith");
    const ele = document.getElementsByTagName("p")[0];
    const val = localStorage.getItem("lastname");
    ele.innerHTML = "Data1: " + val;
}

views/webstorage.jade

doctype html
html
  head
    title=webstrage
    script(src='js/webstrage.js')
  body
    button(onclick="myFunction()") Push Me
    p#target HERE

挙動

これが

こうなります

参考もと

• HTML5 Web Storage
• 連載：人気順に説明する初めてのHTML5開発：ブラウザでストレージ？ Web Storageを使いこなそう (1/3) - ＠IT
• shuzo-kino.hateblo.jp