46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
//Nastavení Header menu
|
|
const menuIcon = document.querySelector(".menu-icon");
|
|
const menuList = document.querySelector("nav");
|
|
const hamburgerIcon = document.querySelector(".fa-solid");
|
|
|
|
menuIcon.addEventListener("click", () => {
|
|
if (hamburgerIcon.classList[1] === "fa-bars") {
|
|
hamburgerIcon.classList.add("fa-xmark");
|
|
hamburgerIcon.classList.remove("fa-bars");
|
|
menuList.style.display = "block";
|
|
} else {
|
|
hamburgerIcon.classList.add("fa-bars");
|
|
hamburgerIcon.classList.remove("fa-xmark");
|
|
menuList.style.display = "none";
|
|
}
|
|
});
|
|
|
|
// Dark Light Mode
|
|
|
|
const body = document.querySelector("body");
|
|
const logo = document.querySelector(".picture");
|
|
const link = document.querySelector(".link");
|
|
const link1 = document.querySelector(".link1");
|
|
const link2 = document.querySelector(".link2");
|
|
const nav = document.querySelector(".navigation");
|
|
const h1 = document.querySelector("h1");
|
|
const h3 = document.querySelector("h3");
|
|
const p = document.querySelector("p");
|
|
//const footer = document.querySelector(".footer");
|
|
|
|
const mode = prompt("Chcete dark mode nebo light mode? dark / light");
|
|
|
|
if (mode === "dark") {
|
|
body.style.backgroundColor = "black";
|
|
logo.style.backgroundColor = "white";
|
|
link.style.color = "white";
|
|
link1.style.color = "white";
|
|
link2.style.color = "white";
|
|
nav.style.backgroundColor = "black";
|
|
h1.style.color = "white";
|
|
h3.style.color = "white";
|
|
p.style.color = "yellow";
|
|
footer.style.backgroundColor = "white";
|
|
} else {
|
|
}
|