Как зависать ответ сервера в DOM

Question

Подскажите, как ответ data записать в <main>

   let main = document.querySelector(".main");

    fetch('https://jsonplaceholder.typicode.com/posts/')
        .then(res => res.json())
        .then(data => data)
        .then( data => console.log("!!!", data))
        .catch(() => console.log('some error...'));


   includeInformation  = () => {
        main.innerHTML='<p>data</p>';
    };
    includeInformation();

<div class="main"></div>

Answer 1

fetch('https://jsonplaceholder.typicode.com/posts/')
  .then(res => res.json())
  .then(data => includeInformation(data))
  .catch(() => console.log('some error...'));

includeInformation = (data) => {
  const main = document.querySelector(".main");
  main.innerHTML = data.map(e => `<div><h3>${e.title}</h3><p>${e.body}</p></div><hr>`).join('');
};

<div class="main"></div>

БЛОГ НА HUSL

Как зависать ответ сервера в DOM

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