<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, setInterval, 이전 다음 슬라이드 (0) | 2024.07.01 |
---|---|
addClass, 아코디언, tab, attr, each, hasClass (0) | 2024.07.01 |
addEventListener (1) | 2024.07.01 |
scroll, resize, offset().top (0) | 2024.06.30 |
플러그인없이 이미지 슬라이드 (0) | 2024.06.30 |
masonry 메이슨리 레이아웃 (0) | 2024.06.30 |
rect() 를 이용한 마스크 효과 (0) | 2024.06.30 |
플러그인 없이 패럴렉스 효과 (0) | 2024.06.29 |