document.addEventListener("DOMContentLoaded", function() { console.log("DOM geladen - Script startet"); // Alle Formularelemente finden const formElements = document.querySelectorAll('input, select, textarea'); console.log("Gefundene Formularelemente:", formElements.length); const form = document.querySelector('form'); console.log("Formular gefunden:", form !== null); // Gespeicherte Werte wiederherstellen formElements.forEach(element => { console.log("Verarbeite Element:", element.id, element.type); if (element.id) { // Beim Laden gespeicherte Werte wiederherstellen const savedValue = localStorage.getItem(element.id); console.log("Gespeicherter Wert für", element.id, ":", savedValue); if (savedValue !== null) { if (element.type === 'checkbox' || element.type === 'radio') { element.checked = savedValue === 'true'; } else { element.value = savedValue; } } // Event Listener für Änderungen const eventType = (element.type === 'checkbox' || element.type === 'radio') ? 'change' : 'input'; element.addEventListener(eventType, function() { const valueToStore = this.type === 'checkbox' || this.type === 'radio' ? this.checked : this.value; console.log("Speichere Wert für", this.id, ":", valueToStore); localStorage.setItem(this.id, valueToStore); // Überprüfen ob der Wert gespeichert wurde const storedValue = localStorage.getItem(this.id); console.log("Überprüfe gespeicherten Wert für", this.id, ":", storedValue); }); console.log("Event Listener hinzugefügt für", element.id, "vom Typ", eventType); } }); // Event Listener für das Absenden des Formulars if (form) { form.addEventListener('submit', function(e) { console.log("Formular wird abgesendet"); // Alle gespeicherten Formularwerte löschen formElements.forEach(element => { if (element.id) { console.log("Lösche gespeicherten Wert für", element.id); localStorage.removeItem(element.id); } }); }); }});// Test ob localStorage verfügbar istconsole.log("localStorage verfügbar:", typeof localStorage !== 'undefined');if (typeof localStorage !== 'undefined') { try { localStorage.setItem('test', 'test'); localStorage.removeItem('test'); console.log("localStorage funktioniert"); } catch (e) { console.error("localStorage Fehler:", e); }}