dosya değiştirerek Açık Tema/Koyu Tema nasıl yapılır?
yani demek istediğim benim main.css
ve main_white.css
olarak 2 tane dosyam var.
Bir butona bastığımda sayfanın main.css
olan css dosyası main_white.css
olarak değişeçek. Javascript bilmeden
youtube dan bakarak yapmaya çalışırken aklıma şu geldi.
Eğer css'yi çağıran link etiketine id verip o id'yi kullanarak
etiketi .js de bulup href niteliğini değiştirerek yapabiliriz.
Ama işte javascript bilmiyorum ve yapamadım.
document.getElementById("buton-id").addEventListener("click", function(){
var link_tag = document.getElementById("link-etiketine-verdiğiniz-id");
if (link_tag.getAttribute("href") === "main.css")
{
link_tag.setAttribute("href", "main_white.css");
}
else if (link_tag.getAttribute("href") === "main_white.css")
{
link_tag.setAttribute("href", "main.css");
}
});
Bunu kısa bir araştırma sonucunda kendim yaptım.
Mutlaka js öğren;
https://www.w3schools.com/js/default.asp