JirkaDellOro / EIA2-Inverted

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

console log gibts nicht aus #417

Closed maddyhansen closed 1 year ago

maddyhansen commented 1 year ago

Hallo! :) Alles passt, bin eigentlich fertig. Beim Klick auf den Button gibt es aber den console log nicht aus. Finde schlichtweg den Fehler nicht. Kann mir jemand helfen? Danke im voraus!

https://maddyhansen.github.io/EIA2/02_Aufgabe/main.html https://github.com/maddyhansen/EIA2/tree/main/02_Aufgabe

KohlerAl commented 1 year ago

Hey, das Problem ist, dass der Evenlistener installiert wird, bevor das HTML geladen wurde. Zeile 39 ist in keiner Funktion und wird daher direkt beim Programmstart ausgeführt. Da kein Button gefunden wird, wird auch kein Listener installiert. Wenn du die Zeile 39 in die handleLoad Funktion schiebst, sollte alles funktionieren.

Ich sehe in deiner Anwendung aber auch, dass das custom Event noch fehlt, nur dass du das nicht vergisst :)

maddyhansen commented 1 year ago

Ja, am Custom Event bin ich noch dran :)

Leider läuft der immer noch nicht, auch wenn ich Zeile 39 in handleload ziehe. Ich hab die Gummientchenmethode, Neustart probiert und auch alle Links gecheckt. Hab dann nochmal meine tslint Datei abgecheckt, aber meine vorherige Aufgabe funktioniert einwandfrei. Weiß ehrlich gesagt nicht, was ich noch machen soll... Alles läuft perfekt bis meine function btn. :/

KohlerAl commented 1 year ago

Okay, ich glaub ich habs gefunden... du musst dem Span ein bisschen offset geben (also die Position vom Event +15 oder +20 auf beiden Koordinaten). Aktuell klickt man die ganze Zeit aufs Span, deswegen wird die Funktion vom Button nicht getriggert, weil man die ganze Zeit aufs Span und nicht auf den Button klickt.

maddyhansen commented 1 year ago

Also ich hab das mit offset versucht, aber irgendwie will das nicht wegen meinem Style was ich eingefügt habe. Wenn ich Offset sowie style auskommentiere, hängt das ding zwar nicht an der Maus, aber der Button läuft...

KohlerAl commented 1 year ago

Oh, ich meinte nicht als css Attribut, sondern in den Zeilen 31 und 32 statt positionx + "px" schreibst du dann positionx+ 20 + "px" (und das gleiche dann für y)

maddyhansen commented 1 year ago

OHHH ES FUNKTIONIERT! DANKE!

KohlerAl commented 1 year ago

Gerne, freut mich, dass es jetzt funktioniert :)