본문 바로가기
Js

다크모드 로컬 저장

by 영감은어디에 2024. 6. 30.

<div class="c-mode"></div>
const body = document.querySelector("body"),
  cMode = document.querySelector(".c-mode");
let getMode = localStorage.getItem("mode");
if (getMode && getMode == "dark") {
  cMode.classList.add("dark");
  body.classList.add("dark");
}
cMode.addEventListener("click", () => {
  cMode.classList.toggle("dark");
  body.classList.toggle("dark");
  if (!body.classList.contains("dark")) {
    return localStorage.setItem("mode", "light");
  }
  localStorage.setItem("mode", "dark");
});

'Js' 카테고리의 다른 글

setTimeout  (0) 2024.07.01
addClass  (0) 2024.07.01
addEventListener  (1) 2024.07.01
scroll, resize  (0) 2024.06.30
플러그인없이 이미지 슬라이드  (0) 2024.06.30
masonry 메이슨리 레이아웃  (0) 2024.06.30
rect() 를 이용한 마스크 효과  (0) 2024.06.30
플러그인 없이 패럴렉스 효과  (0) 2024.06.29