fetch/ asyn

Promise

  1. function getFromGitHub() {
  2.   const userName = 'dupontdenis';
  3.   const url = 'https://api.github.com/users';

  5.   fetch(`${url}/${userName}/repos`)
  6.     .then(reposResponse => {
  7.       return reposResponse.json();
  8.     })
  9.     .then(userRepos => {
  10.       console.log(userRepos[0].owner.avatar_url)
  11.       document.body.insertAdjacentHTML('afterbegin',`<img src=${userRepos[0].owner.avatar_url}>`)
  12.     })
  13.     .catch(err => {
  14.       console.log(err);
  15.     });
  16. }

  18. getFromGitHub();

Avec sync


  1. async function getFromGitHub() {
  2.   try {
  3.     const userName = 'dupontdenis';
  4.     const url = 'https://api.github.com/users';
  5.     const reposResponse = await fetch(`${url}/${userName}/repos`);
  6.     const userRepos = await reposResponse.json();

  8.           document.body.insertAdjacentHTML('afterbegin',`<img src=${userRepos[0].owner.avatar_url}>`)

  10.   } catch (error) {
  11.     console.log(error);
  12.   }
  13. }


  16. getFromGitHub();