javascript - localStorageを使用して、要素に設定されたクラスを記憶するにはどうすればよいですか？

Question

Mousetrapを使用するので、ユーザーがAlt + Lを押すと、jQueryが使用され、クラスlightがbodyタグに追加されます。また、Alt+Lを押すとクラスが削除されます。

クラスがあるかどうかを記憶するためにlocalstorageを追加するにはどうすればよいlightですか？

Answer 1

コードは非常に単純なので、提供する必要がないため、提供しません。代わりに、情報を要求するAPIへの回答を提供するドキュメントを使用するためのガイダンスを提供します。

localStorage信じられないほど簡単です。これは単純なキー/値ストアです。

https://developer.mozilla.org/en-US/docs/DOM/Storage

Mozilla Developer Networkは、APIの機能とその動作に関する情報を提供します（実際の例を使用）。

localStorageまた、StackOverflowについてはすでに質問がある可能性があります。StackOverflowに関する投稿は次のとおりです-localstorageを変更しますか？

いらっしゃいませ。

---

OPのREALの質問に一致させるために、「localStorageを使用して、要素に設定されたクラスを記憶するにはどうすればよいですか」。

var $body = $("body");

// On ALT+L event
if ($body.hasClass("light")) {
    $body.addClass("light");
    window.localStorage.hasLightClass = true;
} else {
    window.localStorage.hasLightClass = false;
    $body.removeClass("light");
}

// On page load
var hasClass = window.localStorage.hasLightClass || false;
if (JSON.parse(hasClass)) {
  $body.addClass("light");
}