Reset-Button: Löscht jetzt auch Suchergebnisse

templates/index.html

@@ -47,7 +47,8 @@
         .source { font-size: .75rem; padding: .1rem .35rem; border-radius: .25rem; margin-left: .25rem; }
         .source.ot { background: #dbeafe; color: #1e40af; }
         .source.wf { background: #dcfce7; color: #065f46; }
-        button { margin-top: 1rem; padding: .5rem 1rem; font-size: 1rem; }
+        button { margin-top: 1rem; padding: .5rem 1rem; font-size: 1rem; margin-right: 0.5rem; }
+        .reset-button { background: var(--muted); color: var(--bg); }
         summary { cursor: pointer; }
         .footer { margin-top: 2rem; font-size: .9rem; color: var(--muted); }
         .footer a { color: inherit; text-decoration: underline; }
@@ -99,6 +100,7 @@
                 <p id="excludes-hint" class="hint">Buchstaben, die nicht vorkommen (z. B. „rst“).</p>
 
                 <button type="submit">Suchen</button>
+                <button type="button" id="reset-button" class="reset-button">Zurücksetzen</button>
             </form>
 
             {% if results is not none %}
@@ -207,6 +209,31 @@
             if (wf) wf.addEventListener('change', applyFilters);
             if (uml) uml.addEventListener('change', applyFilters);
             applyFilters();
+            
+            // Reset-Button Funktionalität
+            var resetButton = document.getElementById('reset-button');
+            if (resetButton) {
+                resetButton.addEventListener('click', function() {
+                    // Alle Positionsfelder zurücksetzen
+                    for (var i = 1; i <= 5; i++) {
+                        var posField = document.getElementById('pos' + i);
+                        if (posField) posField.value = '';
+                    }
+                    
+                    // Weitere Felder zurücksetzen
+                    var includesField = document.getElementById('includes');
+                    if (includesField) includesField.value = '';
+                    
+                    var excludesField = document.getElementById('excludes');
+                    if (excludesField) excludesField.value = '';
+                    
+                    // Suchergebnisse ausblenden
+                    var resultsDiv = document.getElementById('results');
+                    if (resultsDiv) {
+                        resultsDiv.style.display = 'none';
+                    }
+                });
+            }
         });
     </script>
     <script>