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, afficher sa traduction en français si elle est disponible sinon son nom officiel.

Attention

Il se peut que votre recherche vous retourne plus d'un résultats. Vous n'avez qu'à afficher le premier de la liste (ou encore mieux le pays avec la plus grande population).

Mettez le CSS dans un fichier style.css séparé. Vous n'avez pas besoin de server web pour cet exercice, vous pouvez simplement ouvrir votre fichier HTML dans le navigateur.

Voici un exemple de résultat: