JSFiddle - React, Tailwind, and code Playground

by Viktor L

HTML

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

JavaScript

(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("  ¯\_(ツ)_/¯  Что то не так!");
  }
})();