Estoy tratando de crear un montón de imágenes dentro de js y agregar detectores de eventos a cada una de ellas para que activen la función cuando se haga clic.
Utilizo esta función para crear imágenes.
function image(fileName) { const img = new Image(100, 100); img.src = `images/${fileName}`; return img; } Cuando intento agregar un detector de eventos con image.addEventListener(...) se compila pero no funciona al dibujar las imágenes más adelante.
También intenté agregar una identificación a la imagen y usar getElementById() para agregar el oyente, no se compila con el oyente de eventos leyendo nulo.
¿Alguna sugerencia?
Los eventListeners solo funcionan cuando el elemento se agrega al DOM, que no es en su caso.
Si agrega su imagen al DOM, puede agregar un evenListener que funcione.
function image(fileName) { const img = new Image(100, 100); img.src = `images/${fileName}`; // Or any other node document.body.appendChild(img); return img; } // Now you can bind eventListeners to the returned img element