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
A voir également:
- Aide dans HTML
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Nbsp html ✓ - Forum Webmastering
- Html download - Télécharger - HTML
1 réponse
Bonjour,
Tu peux faire quelque chose comme ça :
Xavier
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
