Gunnar Bittersmann: Flip Card JS richtig einstellen

Beitrag lesen

problematische Seite

@@horstmann

Auf der Seite, der Hauptseite, ganz unten, wo rechts 3 Bilder sind, die Bilder sind als Flip-Karte gemacht, sie werden durch KLICKEN umgedreht. Warum bei Klick auf die Bilder , erste Bild laesst sich flippen und zweite und dritte nicht ?

Weil

const card = document.querySelector(".card__inner");

das erste Element liefert, das dem Selektor entspricht.

Du möchtest aber alle Elemente haben, die dem Selektor entsprechen und für jedes einen Eventhandler registrieren. Oder dies in einer Schleife tun.

Oder event delegation verwenden, d.h. nur einen Eventhandler für ein gemeinsames Vorfahrenelement registrieren und in der Handlerfunktion abfragen, ob der Click auf einem Bild ausgelöst wurde.

An der Stelle der Hinweis, dass div keine interaktiven Elemente sind und i.A. nicht als Auslöser von Interaktionen herangezogen werden dürfen – es verwenden ja nicht alle Nutzer eine Maus o.ä. Zeigegerät. Per Tastatur lässt sich ein div (ohne weiteres) nicht ansteuern.

Hier aber die Frage: Wozu der Effekt? Wem ist damit geholfen? Mir scheint: niemandem. Der Effekt ist nur um seiner selbst Willen da – ein sehr schwaches Argument, sowas zu implementieren.

😷 LLAP

--
“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon