読者です 読者をやめる 読者になる 読者になる

Bye Bye Moore

猫マンション建築の野望を胸に零細事業主として資本主義の荒波に漕ぎ出したアラサー男の技術メモ

WEB Storageを使ってみる

javascript/node.js

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

挙動

これが
f:id:shuzo_kino:20160608230344p:plain
こうなります
f:id:shuzo_kino:20160608230351p:plain