Aide dans HTML
belfatmi
-
Reivax962 Messages postés 3742 Statut Membre -
Reivax962 Messages postés 3742 Statut Membre -
Bonjour,
je voudrais un script qui permet de creer une liste déroulante et lorsque je fais un choix je veux qu'un score s'affiche à côté
ci dessous la liste
âge score
35 à 40 0
45 à 50 2
55 à 60 4
aussi dans la même page web une autre liste déroulante :
sex score
homme 3
femme 5
et enfin je voudrais qu'un total des deux choix s'affiche en bas
par exemple si dans la prmière liste je choisis âge 45 à 50 (score 2)et dans le deuxième choix je choisis homme (score 3) le total score est 5
merci pour votre aide
je voudrais un script qui permet de creer une liste déroulante et lorsque je fais un choix je veux qu'un score s'affiche à côté
ci dessous la liste
âge score
35 à 40 0
45 à 50 2
55 à 60 4
aussi dans la même page web une autre liste déroulante :
sex score
homme 3
femme 5
et enfin je voudrais qu'un total des deux choix s'affiche en bas
par exemple si dans la prmière liste je choisis âge 45 à 50 (score 2)et dans le deuxième choix je choisis homme (score 3) le total score est 5
merci pour votre aide
1 réponse
-
Bonjour,
Tu peux faire quelque chose comme ça :
<html> <head> <script type="text/javascript"> function score() { var choixAge = document.getElementById("age").value; var choixSexe = document.getElementById("sexe").value; var scoreAge = 0; switch (choixAge) { case "35": scoreAge = 0; break; case "45": scoreAge = 2; break; case "55": scoreAge = 4; break; default: break; } var scoreSexe = 0; switch (choixSexe) { case "homme": scoreAge = 3; break; case "femme": scoreAge = 5; break; default: break; } var score = scoreAge + scoreSexe; document.getElementById("score").innerHTML = score; } </script> </head> <body> <select id="Aage"> <option value="35">35 à 44 ans</option> <option value="45">45 à 54 ans</option> <option value="55">55 ans et plus</option> </select> <select id="sexe"> <option value="homme">Homme</option> <option value="femme">Femme</option> </select> <button onclick="score();">Calculer</button> <p>Votre score est : <span id="score"></span></p> </body> </html>
Xavier
