Bienvenue dans l'application "Estimate Age" ! Cette application web simple permet aux utilisateurs de saisir un prénom et de recevoir un âge estimé pour ce prénom, en utilisant l'API agify.io
. https://agify.io/ C'est une manière amusante de voir comment votre prénom pourrait refléter votre âge !
- Intégration d'API : Apprendre à effectuer des requêtes API vers un service externe pour récupérer des données basées sur une saisie utilisateur.
- Manipulation du DOM : Pratiquer la manipulation du Document Object Model (DOM) pour mettre à jour la page web dynamiquement en fonction des résultats de l'API.
- Gestion des Événements : Utiliser JavaScript pour gérer les interactions des utilisateurs, comme les clics sur les boutons, et exécuter des fonctions en réponse.
- Gestion des Erreurs : Comprendre comment gérer les erreurs qui peuvent survenir lors des requêtes API.
Ce projet consiste en des fichiers HTML, CSS et JavaScript simples qui travaillent ensemble pour fournir la fonctionnalité de l'outil d'estimation d'âge.
- Entrer un Prénom : Tapez un prénom dans le champ de texte.
- Calculer l'Âge : Cliquez sur le bouton 'Calculate' pour envoyer une requête à l'API
agify.io
. - Voir le Résultat : L'âge estimé sera affiché sur la page. Si le prénom n'est pas reconnu ou si une erreur se produit, un message approprié sera affiché.
Pour exécuter cette application, vous devez simplement ouvrir le fichier index.html
dans un navigateur web moderne. Aucune installation supplémentaire n'est requise.
index.html
- Le document HTML principal.css/style.css
- Contient les styles de l'application.js/script.js
- Contient le code JavaScript qui gère les requêtes API et les mises à jour du DOM.
- HTML
- CSS
- JavaScript (Vanilla)