dosya değiştirerek Açık Tema/Koyu Tema nasıl yapılır?

efeolgun 1032 gün önce

456 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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.

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (1)

sas

1031 gün önce

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

#006013