Çözüldü Kodlanan web sitesinde tema tercihi tüm sayfalarda nasıl korunur?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Liyan

Liyan

Decapat
Katılım
11 Nisan 2022
Mesajlar
15
Daha fazla  
Cinsiyet
Erkek
Merhaba değerli arkadaşlar,
Benim bir web sitem var ve Local'de çalıştırıyorum ve index.html sayfasında light Dark mode yaptım ve çalışıyor ama bu yaptığım tema değiştirme modunu diğer sayfalarda tek tek değiştirmek istemiyorum. İndex'te seçtiğim tema diğer kalan bütün HTML sayfalarına otomatik olarak uygulansın istiyorum çünkü bir kullanıcı temayı Index'te Dark tema yaptıktan sonra diğer sayfaya geçtiğinde beyaz oluyor ve sürekli kullanıcı her sayfa ve her bir F5 (sayfa yenilemesi) yaptığında tema beyaza dönüyor.
Yardımcı olursanız çok sevinirim.
İyi günler dileklerimle...
 
Çözüm
oynozan
localStorage kullanabilirsiniz, kullanıcının tema tercihini tarayıcıya kaydedin.

JavaScript: 
let tema = localStorage.getItem("tema") ?? "white"
changeTema();

document.querySelector("#tema-butonu").addEventListener("click", () => {
    if (tema === "white") tema = "black";
    else tema = "white";
    
    localStorage.setItem("tema", tema);
    changeTema();
});

function changeTema() {
    // Tema değiştirmeyle ilgili işlemler
    // Örneğin body elementine tema class'ı eklemek gibi
}
Tarihe göre sırala Puana göre sırala
Takip+
 
Artı 0 Eksi
localStorage kullanabilirsiniz, kullanıcının tema tercihini tarayıcıya kaydedin.

JavaScript: 
let tema = localStorage.getItem("tema") ?? "white"
changeTema();

document.querySelector("#tema-butonu").addEventListener("click", () => {
    if (tema === "white") tema = "black";
    else tema = "white";
    
    localStorage.setItem("tema", tema);
    changeTema();
});

function changeTema() {
    // Tema değiştirmeyle ilgili işlemler
    // Örneğin body elementine tema class'ı eklemek gibi
}
 
Artı 0 Eksi
Çözüm
oynozan dedi:
localStorage kullanabilirsiniz, kullanıcının tema tercihini tarayıcıya kaydedin.

JavaScript: 
let tema = localStorage.getItem("tema") ?? "white"
changeTema();

document.querySelector("#tema-butonu").addEventListener("click", () => {
    if (tema === "white") tema = "black";
    else tema = "white";
    
    localStorage.setItem("tema", tema);
    changeTema();
});

function changeTema() {
    // Tema değiştirmeyle ilgili işlemler
    // Örneğin body elementine tema class'ı eklemek gibi
}
Genişletmek için tıkla...
Bunu deneyeceğim

oynozan dedi:
localStorage kullanabilirsiniz, kullanıcının tema tercihini tarayıcıya kaydedin.

JavaScript: 
let tema = localStorage.getItem("tema") ?? "white"
changeTema();

document.querySelector("#tema-butonu").addEventListener("click", () => {
    if (tema === "white") tema = "black";
    else tema = "white";
   
    localStorage.setItem("tema", tema);
    changeTema();
});

function changeTema() {
    // Tema değiştirmeyle ilgili işlemler
    // Örneğin body elementine tema class'ı eklemek gibi
}
Genişletmek için tıkla...
Olmadı veya ben yapamadım.
 
Son düzenleme:
Artı 0 Eksi
Kodumu en baştan düzenledim ve çalışıyor ama index sayfasından sonra girdiğim sayfada rengi değiştirir isem geri index sayfasına döndüğümde uygulamıyor bunu da çözmeye çalışacağım (Sadece geri yaptığında tema kodu çalışmıyor ama site içinde gezindiğinde yani ana sayfaya sayfadaki linkle dönünce temayı uyguluyor)
Not: Kodumda çok işe yaramayan ve anlamsız şeyler varmış onların hepsini tek tek düzeltip o kodu yazınca oldu teşekkür ederim @oynozan
 
Son düzenleme:
Artı 0 Eksi

Benzer konular

ChronoRemz
Bir web sitesinde kullanılan yazılım nasıl bulunabilir?
Mesaj
8
Görüntüleme
1.592
769333
7
VanT0R
Yaptığım web sitesinde tüm nesneler hareket ediyor
Mesaj
2
Görüntüleme
472
VanT0R
VanT0R
E
  • Soru
Web sitesinde nasıl değişiklik yapılır?
Mesaj
4
Görüntüleme
2.142
eriza
E
F
Web sitesinde görsellerin rengi nasıl değiştirilir?
Mesaj
2
Görüntüleme
335
kaan.w
K
zahidbolat
Web sitesinde fiyatlara nasıl düzenleme yapılabilir?
Mesaj
3
Görüntüleme
393
682784
6

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı