Calcule age javascript
Dark_Angel_the_1
Messages postés
4
Statut
Membre
-
jordane45 Messages postés 40050 Statut Modérateur -
jordane45 Messages postés 40050 Statut Modérateur -
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 :
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
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
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
