diff --git a/js/script.js b/js/script.js index d8354f7..71db26d 100644 --- a/js/script.js +++ b/js/script.js @@ -2,35 +2,44 @@ document.addEventListener("DOMContentLoaded", () => { const toggle = document.getElementById("dark-mode-toggle"); - // Falls der Button nicht existiert, abbrechen + // Falls kein Button existiert → nichts tun if (!toggle) return; - // Gespeicherten Zustand laden - if (localStorage.getItem("darkMode") === "true") { + // Zustand laden + const isDarkSaved = localStorage.getItem("darkMode") === "true"; + + if (isDarkSaved) { document.body.classList.add("dark"); - toggle.textContent = "Light Mode"; - } else { - toggle.textContent = "Dark Mode"; } - // Klick auf Button + // Button korrekt initial setzen + updateButton(toggle); + + // Klick Event toggle.addEventListener("click", () => { document.body.classList.toggle("dark"); const isDark = document.body.classList.contains("dark"); - // Zustand speichern + // speichern localStorage.setItem("darkMode", isDark); - // Button-Text ändern - if (isDark) { - toggle.textContent = "Light Mode"; - } else { - toggle.textContent = "Dark Mode"; - } + // Button updaten + updateButton(toggle); }); }); +// 🔁 zentrale Funktion für alle Seiten +function updateButton(toggle) { + const isDark = document.body.classList.contains("dark"); + + // Wenn du TEXT willst: + toggle.textContent = isDark ? "☀️" : "🌙"; + + // OPTIONAL: falls du lieber Text willst statt Icons: + // toggle.textContent = isDark ? "Light Mode" : "Dark Mode"; +} + // Dein bisheriger Code console.log("Meine Seite läuft!");