showavatar.js

import fetch from "node-fetch";//Only needed if the node version is less than 18
function loadJson(url) {
    return fetch(url)
      .then(response => response.json());
  }
  
  function loadGithubUser(name) {
    return loadJson(`https://api.github.com/users/${name}`);
  }
  
  function showAvatar(githubUser) {
    return new Promise(function(resolve, reject) {
        console.log(githubUser.avatar_url)
      /*let img = document.createElement('img');
      img.src = githubUser.avatar_url;
      img.className = "promise-avatar-example";
      document.body.append(img);*/
  
      setTimeout(() => {
        //img.remove();
        resolve(githubUser);
      }, 3000);
    });
  }
  
  // Use them:
  loadJson('../user.json')
    .then(user => loadGithubUser(user.name))
    .then(showAvatar)
    .then(githubUser => alert(`Finished showing ${githubUser.name}`));