Calcule age javascript

Fermé
Dark_Angel_the_1 Messages postés 3 Date d'inscription jeudi 23 décembre 2021 Statut Membre Dernière intervention 29 décembre 2021 - Modifié le 29 déc. 2021 à 22:59
jordane45 Messages postés 38157 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 mai 2024 - 29 déc. 2021 à 23:17
Bonjour,

Je souhaiterais avoir un peu d'aide, j'ai un exercice à faire.

Voila les consignes :

# Consigne


Créer 2 inputs et un bouton valider.
Dans le premier input demander le prénom.
Dans le deuxième input demander l'année de naissance.

Au clique du bouton, afficher le message suivant :
Bonjour ***prénom*** , tu as ***ageCalculé*** ans.

Si la personne a moins de 18 ans, rajouter le message :
"Courage, encore quelques années avant la majorité!"

#### Infos :
Les mots en ***gras*** sont à remplacés par les valeurs récupérées dans les inputs.

Voila ou j'en suis :

<body>
    <div class="display: flex; justify-content: space-between; width: 20%; align-items: center;">

        <input id="name" type="text">

        <input id="age" type="text">

        <div class="background: #e8ffe7; border: 2px solid #000000;">
            <input class="valider" type="button" value="valider">
        </div>

    </div>
    <script src="script.js"></script>
</body>


document.getElementsByClassName("valider").addEventListener("click", popup());//on récupere le bouton et attribue au clique une fonction

function popup(){
    //on effectue le calcul
    let noage = document.getElementByTagName("#age") - 2021;
    if (noage < 18) {
        //si l'age est en dessous de 18 ans alors ont envoie se message
        window.alert( "Courage, encore quelques années avant la majorité !" );
    } else {
        //si l'age est égal ou supérieur à 18 ans alors ont envoie se message
        window.alert( "Bonjour" + document.getElementByTagName("#name") + ", tu as " + noage + "ans");
    }
}



Configuration: Windows / Chrome 96.0.4664.110

1 réponse

jordane45 Messages postés 38157 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 mai 2024 4 655
29 déc. 2021 à 23:17
Bonjour

Ce n'est pas getElementByTagName maus getElementById que tu dois utiliser... ( ou éventuellement querySelector )
https://developer.mozilla.org/fr/docs/Web/API/Document/getElementById
https://developer.mozilla.org/fr/docs/Web/API/Document/querySelector

Ceci permet de selectionner un élément html via son ID
Ensuite, il faut récupérer la valeur qui s'y trouve.. pour ça, il faut utiliser la méthode value
https://www.w3schools.com/jsref/prop_text_value.asp

0