Code Monkey home page Code Monkey logo

age_estimate_exo's Introduction

Application Estimate Age

Capture d'écran de l'application

Introduction

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 !

Objectifs Pédagogiques

  • 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.

Instructions

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.

Comment Utiliser

  1. Entrer un Prénom : Tapez un prénom dans le champ de texte.
  2. Calculer l'Âge : Cliquez sur le bouton 'Calculate' pour envoyer une requête à l'API agify.io.
  3. 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é.

Configuration

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.

Fichiers Inclus

  • 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.

Technologies Utilisées

  • HTML
  • CSS
  • JavaScript (Vanilla)

age_estimate_exo

age_estimate_exo's People

Contributors

florianbx avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.