Aide dans HTML

Fermé

belfatmi - 11 janv. 2011 à 14:19
Reivax962 Messages postés 3672 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 - 11 janv. 2011 à 14:45

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

A voir également:

Aide dans HTML
Editeur html - Télécharger - HTML
Br html - Forum HTML
&Nbsp html - Forum HTML
Espace html ✓ - Forum HTML
Faire sauter 2 lignes avec br (CSS) - Forum CSS

1 réponse

Réponse 1 / 1

Reivax962 Messages postés 3672 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
11 janv. 2011 à 14:45

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

Discussions similaires