search

JirkaDellOro / EIA2-Inverted

Material for the inverted classroom
https://jirkadelloro.github.io/EIA2-Inverted
12 stars 25 forks source link

Custom-Event Fehler. #421

Closed Jovolunas85 closed 1 year ago

Jovolunas85 commented 1 year ago

Mir wird ein Fehler angezeigt, den ich zwar schon verstehe aber nicht weiß wie ich ihn löse. Außerdem wird mir trotz des Fehlers der Wert ausgegeben. Also 'e.detail.name' wird mir als Fehler angezeigt aber trotzdem wird mir in der Konsole ausgegeben : " true 'Julian' ".

https://github.com/Jovolunas85/EIA2/blob/main/A02_event_inspector/script.ts https://jovolunas85.github.io/EIA2/A02_event_inspector/index.html

JirkaDellOro commented 1 year ago

Ich empfehle, bei den Konstruktionen zu bleiben, die wir in der Lektion behandeln.

(e) =>console.log(e.bubbles,e.detail.name)

leuchtet wahrscheinlich nicht besser ein, ist nicht besser zu lesen und nutzt nicht mehr die Typ-Annotation, wegen der wir TypeScript einsetzen wollen.

Außerdem installierst Du gerade bei jedem Klick einen neuen Listener, und das Event steigt auch nicht in der Hierarchy auf, sondern wird von document an sich selbst geschickt.

Hattest Du zunächst konzipiert?

Jovolunas85 commented 1 year ago

Dann habe ich wohl nicht ganz verstanden wie das mit dem Custom Event funktioniert

Jovolunas85 commented 1 year ago

Also ich verstehe Custom Event nicht

Jovolunas85 commented 1 year ago

Bzw. wie das mit der Hierarchy funktioniert

Jovolunas85 commented 1 year ago

Also eigentlich verstehe ich jetzt nichts mehr

JirkaDellOro commented 1 year ago

Wenn Du auf einem Element ein CustomEvent auslöst, läuft es genauso durch die Hierarchie wie z.B. der Mausklick.

Wenn sich TypeScript beschwert, dann wahrscheinlich, weil die Typdeklaration noch angepasst werden muss. Nur CustomEvents haben die "Schublade" detail...

JirkaDellOro commented 1 year ago

Hilft das?