JavaScript - Fetch Data diferent div same class

 
Vista:

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
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder