Saludo. Hice un boton que crea una tarjeta personal con datos de una api, cada vez que aprieto el boton crea una tarjeta. La tarjeta debe tener un boton que me permita remover la tarjeta. en el codigo que paso por el momento el boton de la tarjeta solo imprime "jaja" para simplificar. El problema es que al oprimir el boton que crea la tarjeta, al crearse el boton que imprime "jaja" y agregarle un .addEventListener el evento se dispara automaticamente y el boton tampoco es utilizable despues. en el html simplemente tengo un boton con la propiedad onClick : "requerir()"
function requerir(){fetch('https://randomuser.me/api/').then(
response=> response.json()).then(data => generarPersona(data))}
function generarPersona(data){
console.log(data)
console.log(data.results[0].name.last)
marcoGeneral = document.getElementById("marcoGeneral");
marco = document.createElement("div");
marco.setAttribute("class", "marco")
marcoGeneral.appendChild(marco)
marcoFoto = document.createElement("div");
marcoFoto.setAttribute("class", "mFoto")
marcoLista = document.createElement("div");
marcoLista.setAttribute("class", "mLista")
marco.appendChild(marcoFoto);
marco.appendChild(marcoLista)
foto = document.createElement("img");
foto.setAttribute("src", data.results[0].picture.medium);
marcoFoto.appendChild(foto);
Lista = document.createElement("ul");
marcoLista.appendChild(Lista);
nombre = document.createElement("li");
nombre.innerHTML = `Nombre: ${data.results[0].name.first} ${data.results[0].name.last}`;
Lista.appendChild(nombre);
city = document.createElement("li");
city.innerHTML = `Ciudad: ${data.results[0].location.city}`;
Lista.appendChild(city);
tel = document.createElement("li");
tel.innerHTML = `Cel: ${data.results[0].cell}`;
Lista.appendChild(tel);
mail = document.createElement("li");
mail.innerHTML = `Mail: ${data.results[0].email}`;
Lista.appendChild(mail);
boton = document.createElement("button");
marco.appendChild(boton);
boton.addEventListener("click", console.log("jaja"));
}
el resultado es que se crea la tarjeta con un boton inutil y se dispara automaticamente el console.log("jaja") sin esperar que haga click