Как распределить данные из сервера по тегам?

Question

надо распределить данные(body) по тегам CODE

//import "./styles.css";

let p = [...document.querySelectorAll(".description__product-text")];

const baseURL = "https://jsonplaceholder.typicode.com/posts";

// логика функции

function sendRequest(url) {
  return fetch(url).then((res) => res.json());
}

// добавляем текст из сервера

sendRequest(baseURL)
  .then((data) => {
    for (let i = 0; i < 3; i++) {
      p[i].innerHtml = data.body[i];
    }
  })
  .catch((err) => console.log(err));

body {
  font-family: sans-serif;
}

<!DOCTYPE html>
<html>
  <head>
    <title>Parcel Sandbox</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <div class="container">
      <main class="shoro">
        <div class="description">
          <div class="description__product">
            <h3 class="description__product-name">Title 1</h3>
            <!--  добавляем текст из сервера-->
            <p class="description__product-text"></p>
          </div>
        </div>
      </main>
      <main class="shoro">
        <div class="description">
          <div class="description__product">
            <h3 class="description__product-name">Title 2</h3>
            <!--  добавляем текст из сервера-->
            <p class="description__product-text"></p>
          </div>
        </div>
      </main>
      <main class="shoro">
        <div class="description">
          <div class="description__product">
            <h3 class="description__product-name">Title 3</h3>
            <!--  добавляем текст из сервера-->
            <p class="description__product-text"></p>
          </div>
        </div>
      </main>
    </div>

    <!-- <script src="src/index.js"></script>-->
  </body>
</html>

БЛОГ НА HUSL

Как распределить данные из сервера по тегам?

Ответы (0 шт):