Javascript ile Açık-Kapalı Mod yapacağım ancak classList ve toggle kullanarak yeni bir class ekleyemedim
yapmak istediğim click eventini kullanarak:
(document.getElementById("mod").addEventListener("click", () => {
document.body.classList.toggle("light-theme")
})
yeni bir class eklemek, class eklediğimde de şu css kodunu çalıştırmak istiyorum:
:root {
--background-color: #34363b;
}
body {
background-color: var(--background-color);
font-family: 'Segoe UI', Tahoma, sans-serif;
}
body.light-theme {
--background-color: #ffffff;
}
ancak mod id'li "li" etiketine bastğımda hiçbir şey gerçekleşmiyor.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
document.getElementById("mod").addEventListener("click", () => document.body.classList.toggle("light-theme"));
:root {
--background-color: #34363b;
}
body {
background-color: var(--background-color);
font-family: 'Segoe UI', Tahoma, sans-serif;
}
body.light-theme {
--background-color: #ffffff;
}