Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m291:learningunits:lu04:theorie:b_events [2026/03/01 21:44] – gkoch
+++ de:modul:m291:learningunits:lu04:theorie:b_events [2026/03/05 07:40] (aktuell) – gkoch
@@ Zeile 14: / Zeile 14: @@
 });
 </code>
+</WRAP>
+<WRAP round center box 60%>
+{{ youtube>x70HZ70TFkQ? }}
+//Video zum Thema Events und Eventlisteners//
 </WRAP>
@@ Zeile 95: / Zeile 100: @@
 </WRAP>
+<WRAP round center 60% info>
+Eine vertiefte Beschreibung von Events mit interaktiven Code-Beispielen finden Sie hier: [[https://javascript.info/events|Javascript.info – Events]]
+</WRAP>
 ===== Das Event-Objekt =====
@@ Zeile 148: / Zeile 156: @@
 </WRAP>
-==== Alle anderen Panels schliessen ====
-Bei einem klassischen Accordion soll immer nur ein Panel offen sein:
-<WRAP box round center 80%>
-<code javascript>
-const buttons = document.querySelectorAll('.accordion-btn');
-buttons.forEach(btn => {
-  btn.addEventListener('click', () => {
-    const panel = btn.nextElementSibling;
-    const istOffen = panel.classList.contains('open');
-    // Alle Panels schliessen
-    buttons.forEach(andererBtn => {
-      andererBtn.nextElementSibling.classList.remove('open');
-      andererBtn.setAttribute('aria-expanded', 'false');
-    });
-    // Dieses Panel öffnen (nur wenn es vorher zu war)
-    if (!istOffen) {
-      panel.classList.add('open');
-      btn.setAttribute('aria-expanded', 'true');
-    }
-  });
-});
-</code>
-</WRAP>