¿cómo están? Tengo este problema a la hora de traer los usuarios desde github mediante fetch, quizás alguien pueda darme una mano, el problema que tengo es que las imágenes salen repetidas a la hora de imprimirlos en el dom, lo que quiero es que dentro de las img salga un usuario y luego en la otra salga otro usuario diferente, espero se entienda, muchas gracias.
async function getAvatarPhoto(names) {
let jobs = [];
for (let name of names) {
let job = fetch(`https://api.github.com/users/${name}`).then(
successResponse => {
if (successResponse.status != 200) {
return null;
} else {
return successResponse.json();
}
},
failResponse => {
return null;
}
)
.then((myJson) => {
let avatar = myJson.avatar_url;
let img2 = document.querySelector("#images .img2");
let img3 = document.querySelector("#images .img3");
img2.src = avatar;
img3.src = avatar;
console.log(avatar);
})
jobs.push(job);
}
let results = await Promise.all(jobs);
return results;
}
console.log(getAvatarPhoto(["agustinven", "KlausPost"]));
<article id="cuerpo-web">
<div id="images">
<img src="/img/tesla-roadster-2020-2017_05-nestandard1.jpg" alt="tesla" class="img2">
<img src="/img/tesla_roadster_20.jpeg" alt="tesla" class="img3">
</div>
</article>