Aller au contenu

Exercice 07 - Consommer un api avec Fetch

Consultez la documentation de l'API disponible à cette adresse : https://restcountries.com/.

Vous devez créer une page html avec un script JavaScript qui va permettre les opérations suivantes :

  • Demander à l'usager le nom d'un pays en français.
  • En cliquant sur un bouton, envoyer une requête à l'API.
  • Récupérer et afficher dans la page le nom du pays, le drapeau, la capitale et la population.
  • Pour le nom du pays, vous pouvez afficher soit le nom officiel ou bien sa traduction en français.

Attention

Il se peut que votre recherche vous retourne plus d'un résultats. Vous n'avez qu'à afficher le premier de la liste.

Voici un exemple de résultat.

ex07.png

Essayez de soigner un peu le css 😋