Запрос fetch API

const [res, btn] = ['res', 'btn'].map(id => document.getElementById(id));
 
btn.addEventListener('click', e => {
    res.innerHTML = '';
    fetch('https://jsonplaceholder.typicode.com/posts')
        .then(response => response.json())
        .then(data => data.forEach(
            o => res.insertAdjacentHTML('beforeEnd', `${JSON.stringify(o, null, 4)}\n`)
        ));
});

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))

      printPosts("https://jsonplaceholder.typicode.com/posts");
 
      async function printPosts(url) {
        let posts = fetch(url);
        let output = "";
        try {
          let response = await posts.then();
          let result = await response.json();
          for (let article of result) {
            output += `<a href="/${article.id}"><h3>${article.title}</h3></a><p>Author: ${article.userId}</p><p>${article.body}</p>`;
          }
        } catch (error) {
          console.log("Ошибка", error);
          output = "Возникла ошибка на сервере";
        } finally {
          document.getElementById("articles").innerHTML = output;
        }
      }

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))
Promise {<pending>}
{userId: 1, id: 1, title: 'delectus aut autem', completed: false}