Calculer et afficher le résultat d'un questionnaire

Version imprimable

yop yop

J'vais essayer d'être clair :
J'ai créé un questionnaire (10 questions) html avec des boutond de type=radio, chaque question a 3modalités (a, b, c) et les valeurs respectives sont (0 pour a, 1 pour b et 2 pour c).

L'utilisateur ne peut cocher qu'une seule case.

Je voudrais obtenir le score une fois le questionnaire rempli, en gros c est comme les tests des magasines !!!!

Voilà un extrait de mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <script language="JavaScript"> function getScore(form) { ...???... } </script> <form> Question 1 <input name="Q1-f" value="a" type="radio"> A. reponse A ...<br /> <input name="Q1-f" value="b" type="radio"> B. reponse B ...<br /> <input name="Q1-f" value="c" type="radio"> C. reponse C ...<br /> <br /> Question 2 <input name="Q2-f" value="a" type="radio"> A. reponse A ...<br /> <input name="Q2-f" value="b" type="radio"> B. reponse B ...<br /> <input name="Q2-f" value="c" type="radio"> C. reponse C ...<br /> <br /> ... <br /> <input value="Score" onclick="getScore(this.form)" type="submit"><br /> Votre score est : ...???... </form>
Mes 2 problèmes sont :
...???... 1 - Créer la fonction qui va prendre en parametre le formulaire et calculer le résultat.

...???... 2 - Afficher le résultat.

Merkiii à ceux qui pourront m'aider

:roll: :roll:

Lipao

27/03/2005, 14h50
Kerod

TU veux afficher le résultat sur la même page?
Dans un input text ?
Ou envoyer tout ca vers une autre page (type=submit)
27/03/2005, 18h27
lipao17

dans la même page si c'est possible

mais envoyer un lien vers une autre page avec le score ça me va aussi !

(si tu me dis comment recupérer la valeur :? )

merkiiiiii de ton aide

++

J'ai commencé à faire une fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function getScore(form) {
  var score = 0;
  var nbQues = 10;
  var nbChoi = 3;
 
  var currElt;
 
  for (i=0; i<nbQues; i++){
      for (j=0; j<nbChoi; j++) {
        currElt = form.elements[i + j];
           if (currElt.checked){
		score = score + j+1;
	  }
      }
  }
form.score.value = score;
alert("le score est : "+score);
}

mais ça ne marche pas comme je voudrais ! :?

Quelqu'un saurait me dire pkoi ??

merkiii d'avance

Lipao

28/03/2005, 00h45
Kerod

Ce serait bien que tu détailles un peu pour au moins qu'on sache ce que tu veux calculer et comment ?
Ensuite pour afficher sur la meme page tu pourrais utiliser un input de type text en retirant les bordures. ou tu pourrais le faire sur un autre page ou meme sur une fenetre de style popup mais pour ca il faudrait commencer par détailler le calcul, si tu veux bien :roll:
28/03/2005, 13h51
lipao17
Le calcul est très simple :
Pour chaque question il y a 3 possibilités :
:arrow: A
:arrow: B
:arrow: C

A vaut 1 point
B vaut 2 points
C vaut 3 points

mon but est donc de savoir pour chacune des questions quelle est la case qui est coché, et d'ajouter les points qui correspondent. L'algo de la fonction donnerait :

score <- 0
Pour chaque question Faire
- Si a est coché Faire
  [list:b0c6096a0f] score <- score + 1
FinSi[/list:u:b0c6096a0f]
- Si b est coché Faire
  [list:b0c6096a0f] score <- score + 2
FinSi[/list:u:b0c6096a0f]
- Si c est coché Faire
  [list:b0c6096a0f] score <- score + 3
FinSi[/list:u:b0c6096a0f]FinPour

Voilà, seulement je ne connais pas trop JavaScript et je ne sais pas comment savoir quelle est la case qui est coché ?
Je ne sais pas non plus comment affiché le resultat obtenu ?
Peut importe que ce soit dans la même page ou dans une nouvelle.

Merkiiii de ton aide

Lipao

Bonjour,

Tu peux faire comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
<html> 
  <head>
    <script type="text/javascript"> 
      function getScore(formulaire) 
      {
        var score = 0;
        var question = document.getElementsByTagName('FIELDSET');
        var nbQuestion = question.length;
        var i = 0;
        while(i < nbQuestion)
        {        
          var option = question[i].getElementsByTagName('INPUT');
          var nbOption = option.length;
          var j = 0;
          while (j < nbOption)
          {
            if((option[j].type == 'radio') && (option[j].checked))
              score += parseInt(option[j].value, 10);
            j ++;
          }          
          i ++ ;
        }
        document.getElementById('score').innerHTML = score;
      } 
    </script> 
  </head> 
  <body>
    <form name="question">
      <fieldset id="Q1">
        <legend><b>Question 1</b></legend>
        <br> 
        <input name="Q1-f" value="1" type="radio"> 
        A. reponse A ...<br /> 
 
        <input name="Q1-f" value="2" type="radio"> 
        B.  reponse B ...<br /> 
 
        <input name="Q1-f" value="3" type="radio"> 
        C. reponse C ...
        <br /><br /> 
      </fieldset>
      <br /> 
      <fieldset id="Q2">
        <legend><b>Question 2</b></legend>
        <br> 
        <input name="Q2-f" value="1" type="radio"> 
        A. reponse A ...<br /> 
 
        <input name="Q2-f" value="2" type="radio"> 
        B.  reponse B ...<br /> 
 
        <input name="Q2-f" value="3" type="radio"> 
        C. reponse C ...
        <br /><br /> 
      </fieldset>
      <br /><br /> 
      <input value="Score" onclick="getScore(this.form)" type="button">
      <br /> 
      <br /> 
      Votre score est : <span id="score"></span>
    </form> 
  </body> 
</html>

La balise "fieldset" peut être remplacée par "div". Dans ce cas, il faut faire le même changement dans la fonction js.

28/03/2005, 16h23
lipao17

:D :D :D :D :D

Merkiiiiiiii beaucoup jeca c'est exactement ce qu'il me fallait !!

:wink:

Lipao
22/02/2020, 19h08
Fanfie0619

parfait moi même j'ai le même soucis mais le mien c'est d'afficher le score dans une boîte de dialogue
22/02/2020, 20h03
ProgElecT

Salut

15 ans presque jour pour jour, je doute que les participants de cette discussion soient encor actifs, de plus la technique des langages a bien changé.