Cuando trato de crear una alerta simple usando document.querySelector('.custom') , mi código funciona correctamente y devuelve el conjunto de datos de la primera imagen, pero no para las otras líneas, aunque cambio el JS en document.querySelectorAll('.custom')
Estoy seguro de que son cosas de niños para la mayoría, pero no pude encontrar la solución. Gracias de antemano por tu ayuda.
const custom = document.querySelectorAll('.custom'); custom.addEventListener('click', function() { alert(`Welcome ${custom.dataset.name} ${custom.dataset.last}`); }); <div class="item"> <img data-name="name 1" data-last="last 1" class="custom" src="https://source.unsplash.com/random/300x300" /> <img data-name="name 2" data-last="last 2" class="custom" src="https://source.unsplash.com/random/300x300" /> <p>Hi I'm a item</p> </div>