dark mode icon anpassung

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!");