JSFiddle - React, Tailwind, and code Playground

by colorkid

JavaScript

async function showAvatar() {
  // запрашиваем JSON с данными пользователя
  return await fetch('https://learn.javascript.ru/article/promise-chaining/user.json');
  /*let user = await response.json();

  // запрашиваем информацию об этом пользователе из github
  let githubResponse = await fetch(`https://api.github.com/users/${'colorkid'}`);
  let githubUser = await githubResponse.json();

  // отображаем аватар пользователя
  let img = document.createElement('img');
  img.src = githubUser.avatar_url;
  img.className = "promise-avatar-example";
  document.body.append(img);

  // ждём 3 секунды и затем скрываем аватар
  await new Promise((resolve, reject) => setTimeout(resolve, 3000));

  img.remove();

  return githubUser; */
}

console.log(showAvatar());