Aller au contenu

La météo de la ville

Création12-16 ansJavaScriptHTMLCSS

Relie le front-end (la page) au back-end (le serveur) : un clic affiche la météo envoyée par le serveur.

  1. api.get("/meteo") demande la météo au serveur. Avec await, on attend sa réponse.
  2. La réponse est un objet : { ville, temperature, ciel }.
  3. Affiche par exemple « Grenoble : 12 °C ☀️ ensoleillé » dans le paragraphe #resultat.

La touche Tab ajoute 2 espaces. Pour quitter la zone de code au clavier : Échap puis Tab.

Rendu de ta page

Mis à jour quand tu testes

Console

Les messages de ton code et du serveur s'affichent ici.

Résultats

Objectifs

  • Un clic sur le bouton interroge le serveur : à tester

  • La page affiche le nom de la ville : à tester

  • La page affiche la température en °C : à tester

  • Aucune erreur dans la console : à tester

Erreurs à corriger (0)

Aucune erreur détectée.

Conseils pour améliorer ton code (0)

Rien à signaler : ton code est propre !

Revoir les leçons du monde Ville Full Stack