How to correctly display data on the page?

Question

JavaScript

"Asynchronous" :)
Tell me how it should work in general to get the data and display it on the page

(async() => {
  try {
    let response = await fetch("https://jsonplaceholder.typicode.com/posts/1", {  
        method: 'GET',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json'
        }
  });
  	let data = await response.json();
        console.log(data);
        const tmpl = items => `
        <table>
        ${items.map(item => `
            <tr><td>${item.userId}</td></tr>
            <tr><td>${item.id}</td></tr>
            <tr><td>${item.title}</td></tr>
            <tr><td>${item.body}</td></tr>
        `).join('')}
        </table>
    `;
    let body = document.getElementsByTagName('body');
    document.body.innerHTML += tmpl(data);
    
  } catch (e) {
    console.log("  ¯\_(ツ)_/¯  Что то не так!");
  }
})();

Sandbox

Answer 1

https://sitecoder.blogspot.ru/2017/01/rex-tiny-tem...

Answer 2

https://jsfiddle.net/fbxh8gb6/3/