Fetch Data diferent div same class
Publicado por jcverdugo (1 intervención) el 14/09/2020 03:45:44
Necesito que la respuesta que llega de la consulta se divida uno a uno por cada div que tiene la misma clase.
Por ejemplo .- si en la respuesta llega (nombre y año) y esto se repite trees veces, no quiero que los 3 se coloquen en el primer div.. quiero que esas 3 respuestas de acomoden en cada div en la misma clase, es decir uno por div
//HTML
//JS
Por ejemplo .- si en la respuesta llega (nombre y año) y esto se repite trees veces, no quiero que los 3 se coloquen en el primer div.. quiero que esas 3 respuestas de acomoden en cada div en la misma clase, es decir uno por div
//HTML
1
2
3
4
5
6
<div class="app">
</div>
<div class="app">
</div>
<div class="app">
</div>
//JS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
fetch("https://reqres.in/api/unknown")
.then(response => {
if(!response.ok) {
throw Error("Error");
}return response.json();
})
.then(data => {
console.log(data.data);
const html = data.data.map(product => {
return `
<div>
<p>${product.name}</p>
<p>${product.year}</p>
</div>
`
})
.join("");
console.log(html);
document.querySelector(".app").insertAdjacentHTML("afterbegin", html);
})
Valora esta pregunta
0