ローカルストレージの使い方 (localStorage) [JavaScript]

ローカルストレージ

参考：

Window.localStorage | MDN

使い方

値を取得する。キーが存在しなかった場合、null が返される。

let bgcolor = localStorage.getItem('bgcolor')

値を保存する。

localStorage.setItem('bgcolor', bgcolor)

参考：

localStorage へのデータ保存と取得・破棄、注意点など | ONE NOTES

localStorage でブラウザにデータ保存・削除したり cookie のように有効期限を持たせる方法 | ぱーくん plus idea

JavaScript の Local Storage で期限やオブジェクトを簡単に扱う方法 | iwb.jp

Web Storage API の使用 | MDN

概要

参考：

localStorage, sessionStorage | 現代の JavaScript チュートリアル

ライトモード／ダークモードの状態を保存する

参考：

How to save cookies for Dark/Light Mode Toggle? – Stack Overflow

イベント

ローカルストレージの状態が変更された時に window にイベントが送信される。

参考：

StorageEvent | MDN

API

• length
• key()
• getItem()
• setItem()
• removeItem()
• clear()

参考：

Storage | MDN

ローカルストレージが使用できるか確認する

参考：

localStorage の機能検出 | MDN

a brief history of detecting local storage – GitHub Gist