Alejandro Dotor
PreguntaAYUDAAAAA!!
Si yo quiero que el evento no sea para el H2 sino para el DIV que contiene toda la info(img, h…)
Como seria el Event delegation
No se si me explico, yo quiero que cuando se haga click en cualquier parte de este contenedor (no importa si es la imagen, el titulo, o el Background ETC) sala en consola que se hizo click (claro con event delegation, no vale seleccionar el contenedor con un querySelector )
- Validar que el nodo sea tipo DIV
- "Atrapar" únicamente el DIV que nos interesa.
Jonathan 🦑 Alvarez
Corrección con la segunda condición en la clase:
Es:
event.target.classList.contains('js-card-contenedor')
O, con className:
event.target.className.includes('js-card-contenedor')
Alejandro Dotor
Graciaaaaas 💚💚
Jonathan 🦑 Alvarez
Hey hey!
Se hace de forma similar a como muestro con el H2, solo que tenemos que:
if (event.target.nodeName === 'DIV') { // ... }
DIVs hay muchos, así que debemos identificar el que queremos. Para esto sugiero agregar una clase única al momento de crear este nodo, por ejemplo: "js-card-contenedor". Y así, el condicional quedaría como:
if (event.target.nodeName === 'DIV' && event.target.classList.includes('js-card-contenedor')) { // ... }
