Calcule age javascript

Dark_Angel_the_1 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
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

Réponse 1 / 1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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

Discussions similaires

Scream pour les 12-13 ans ?
Asstryfi -
Titia -

4 réponses
Peut ont aller a fitness park a 14 ans
Rayan92230 -
bazfile -

2 réponses
style twilight ou vampire diaries
floflo -
RavenGriffin -

9 réponses
Quel âge pour Vampire Diaries ?
Raphelia -
MPMP10 -

14 réponses
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses