Este seria el código que tengo pero no me genera ninguna alerta al momento de hacer click, lo que requiero es que al hacer click en alguno de estos me genera algun evento, he buscado por muchas paginas de internet pero no logro encontrar la respuesta a esto
muchas gracias por la ayuda.
const url = 'https://restcountries.com/v3.1/all';
fetch(url)
.then(respuesta => respuesta.json())
.then(datos => mostrardatos(datos));
function mostrardatos (datos) {
const body = document.querySelector('body')
datos.forEach(pais => {
const {flags:{svg},name:{common}} = pais;
const div = document.createElement('div');
div.classList.add('card');
div.innerHTML = `
<h2 class="texto">${common}</h2>
<img src="${svg}" class="img" alt="">
`;
body.appendChild(div);
});
var img = document.querySelector('.card');
console.log(img)
for(var i; i < img.length; i++){
img.addEventListener('click', hola)
}
function hola(){
alert('hola')
}
}
img[i].addEventListener...
hola
ponla arriba de esa linea. Te muestra algún error la consola?