54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
{99816f7e2f66801248fb7fedf0e5a3afa83b89a8 true 1623 main.js 0xc0030c4620}
const menuBtn = document.getElementById("menuBtn");
|
|
const menu = document.getElementById("menu");
|
|
const menuText = document.querySelectorAll(".menuText");
|
|
|
|
menuBtn.addEventListener("click", () => {
|
|
menu.classList.toggle("open");
|
|
menuText.forEach(function (text, index) {
|
|
setTimeout(() => {
|
|
text.classList.toggle("open2");
|
|
}, index * 50);
|
|
});
|
|
});
|
|
$(document).on("click", function (e) {
|
|
if ($(e.target).closest("#menu").length === 0) {
|
|
menu.classList.remove("open");
|
|
menuText.forEach(function (text, index) {
|
|
setTimeout(() => {
|
|
text.classList.toggle("open2");
|
|
}, index * 50);
|
|
});
|
|
}
|
|
});
|
|
// dark light mode
|
|
|
|
const dayNight = document.querySelector("#themeChangeBtn");
|
|
dayNight.addEventListener("click", () => {
|
|
document.body.classList.toggle("dark");
|
|
if (document.body.classList.contains("dark")) {
|
|
localStorage.setItem("theme", "dark");
|
|
} else {
|
|
localStorage.setItem("theme", "light");
|
|
}
|
|
updateIcon();
|
|
});
|
|
function themeMode() {
|
|
if (localStorage.getItem("theme") !== null) {
|
|
if (localStorage.getItem("theme") === "light") {
|
|
document.body.classList.remove("dark");
|
|
} else {
|
|
document.body.classList.add("dark");
|
|
}
|
|
}
|
|
updateIcon();
|
|
}
|
|
themeMode();
|
|
function updateIcon() {
|
|
if (document.body.classList.contains("dark")) {
|
|
dayNight.querySelector("i").classList.remove("fa-moon");
|
|
dayNight.querySelector("i").classList.add("fa-sun");
|
|
} else {
|
|
dayNight.querySelector("i").classList.remove("fa-sun");
|
|
dayNight.querySelector("i").classList.add("fa-moon");
|
|
}
|
|
} |