v2.5.2
Giriş yap

localStorage refresh

721eren
390 defa görüntülendi

javacsript karanlık / açık temayı tutmak için localStorage kullanıyorum fakat
kişi açık tema da refresh atarsa yine otomatik olarak dark-tema ya geçiyor

kısacası; açık temadaysa kişi refresh atınca açık tema da kalmaya devam etsin
fakat koyu temadaysa refresh atınca koyu modda olmaya devam etsin.

// change theme
themeToggler.addEventListener("click", () => {
  document.body.classList.toggle("dark-theme");
  if (document.body.classList != "dark-theme") {
    document.getElementById("btnChangeText").innerText = "Koyu Mod";
    document.getElementById("darkIcon").className = "fa-solid fa-moon";
  } else {
    document.getElementById("btnChangeText").innerText = "Açık Mod";



    localStorage.setItem('mode', document.body.classList);


    // eğer kişi açık tema da refresh atarsa
    // otomatik olarak dark temaya geri dönüyor, hallet onu
    document.getElementById("darkIcon").className = "fa-solid fa-sun";
  }
});

if (localStorage.getItem('mode') != '') {
  document.body.classList.add(localStorage.getItem('mode'));
  document.getElementById("btnChangeText").innerText = "Açık Mod";
}
else {
  localStorage.removeItem('dark-theme');
}
batuhanal
833 gün önce

Cookie kullanarak yap