Mon Quiz ne fonctionne pas

**Steelb0ss** · 07/12/2013, 15h14

Bonjour, j'ai un problème avec mon code html ou javascript.
J'essaye de faire un quiz avec un bouton valider qui calcule le score.
(j'ai aussi essayé avec "Alert" ça ne marche pas.)

Merci d'avance si vous y jetez un coup d’œil, d’ailleurs, voici le code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
65
66
<HTML>	 
<HEAD>
<TITLE>Quizz</TITLE>
<SCRIPT>
	function Score() {	                                 //score sur l'ensemble des questions
    var pt;
	var pc; 
	pt = 0;	
	pc = (pt*100)/4
			if (document.Quizz.Q1[1].checked == true) {
				pt = pt + 1; 							 // +1 si bonne réponse
			}
			if ((document.Quizz.Q2[0].checked == false) &&
		        (document.Quizz.Q2[1].checked == true) &&
		        (document.Quizz.Q2[2].checked == true)) {
			    pt = pt + 1;						     // +1 si bonne réponse 
			}   
	  		if (document.Quizz.Q3.value == "True4" ) {
				pt = pt + 1;  		                     // +1
			}						 
			if (document.Quizz.04[0].checked == false{
			Document.writeln('vous avez 0% de réponse corrects. Mwahahaha, vous savez ce qu'il vous reste à cocher!');  // Remet les points à 0 si "adoré notre site n'est pas coché"
			}	 
			Document.writeln('vous avez ' + pc + ' % de bonnes réponses');
			else (document.Quizz.Q4[0].checked == true) {
				pt = pt + 1;		                     // +1
			}
 
			Document.writeln('vous avez ' + pc + ' % de bonnes réponses');	  //donne le pourcentage de réponses correctes
		}
</SCRIPT>  
</HEAD>
 
<BODY>	 
	<H1>Quizz - Evaluez vos connaissances</H1>	
 
		<FORM NAME="Quizz">
			<P>1. L'ADN chez les bactéries: <BR>
			<INPUT TYPE=RADIO NAME=Q1 VALUE="False1"> a été découvert en 1966 par Paul McCartney.<BR>  
			<INPUT TYPE=RADIO NAME=Q1 VALUE="True1"> est circulaire.<BR>
			<INPUT TYPE=RADIO NAME=Q1 VALUE="False2"> est contenu dans une organite.		
 
			<P>2. C et G sont:<BR>
			<INPUT TYPE=CHECKBOX NAME=Q2 VALUE="False3">  l'abréviation de Caramel et de Goodies.<BR>
			<INPUT TYPE=CHECKBOX NAME=Q2 VALUE="True2">  l'abréviation de Cytosine et Guanine.<BR>
			<INPUT TYPE=CHECKBOX NAME=Q2 VALUE="True3">  sont 2 types de bases azotées contenues dans les nucléotides de l'ADN.	  
 
			<P>3. Le taux de C+G:<BR>
			<SELECT NAME=Q3>
			<OPTION value="False4" SELECTED> est indépendant du type de bactéries
			<OPTION value="False5"> varie selon la position de la lune
			<OPTION value="True4"> dépend du type de bactéries
			<OPTION value="False3"> augmente au cours du temps
			</SELECT>	
 
			<P>4. Voux avez: <BR>
			<INPUT TYPE=CHECKBOX NAME=Q4 VALUE="True5"> adoré notre site.
	<BR>  	
	<input TYPE="button" value="Valider" onClick="Score()"> &nbsp &nbsp
	<input TYPE=RESET VALUE="Annuler">			 
	<BR><BR>
	<SCRIPT>Score()</SCRIPT>
 
</FORM> 
</BODY>	
</HTML>

**NoSmoking** · 07/12/2013, 23h24

Bonjour,
pas mal de choses à dire.
commençons par le HTML, prend l'habitude d'avoir une structure de page minimum comme suit

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Le titre de la page</title>
<style>
/* les déclarations de style des différents éléments */
</style>
<script>
/* ton code javascript */
</script>
</head>
<body>
</body>
</html>

cela vaut surtout pour le DOCTYPE et l'encodage.
Prend égalemnt l'habitude de mettre tes balises en minuscule.

Coté javascript
- javascript est sensible à la casse, ce qui signifie que Document est différent de document.

- l'utilisation de document.write, voire document.writeln est à éviter autant que faire ce peut et l'on peut toujours.
A lire

Comprendre document.write() en JavaScript.

- l’accès à la référence d'un élément se fait en utilisant la méthode de l'objet document intitulée getElementByID( 'id_element'), il existe d'autres moyens mais dans ton cas cela suffit. Tu pourrais également utiliser getElementsByName pour récupérer tes checkbox.

- vérifies la syntaxe de ce que tu écris

if (document.Quizz.04[0].checked == false{

devrait être à minima

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (document.Quizz.Q4[0].checked == false){

Cela fait déjà beaucoup de point à corriger, bon courage

**Steelb0ss** · 08/12/2013, 00h12

Merci, voici mes modifications:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function Score() { //score sur l'ensemble des questions
    var pt;
    pt = 0;
    if (document.Quizz.Q1[1].checked == true) {
        pt = pt + 1; // +1 si bonne réponse
    }
    if ((document.Quizz.Q2[0].checked == false) &&
        (document.Quizz.Q2[1].checked == true) &&
        (document.Quizz.Q2[2].checked == true)) {
        pt = pt + 1; // +1 si bonne réponse 
    }
    if (document.Quizz.Q3.value == "True4") {
        pt = pt + 1; // +1
    }
    if (document.Quizz.Q4[0].checked == true) {
        pt = pt + 1; // +1
    }
 
    Alert('vous avez ' + (pt * 100) / 4 + ' % de bonnes réponses'); //donne le pourcentage de réponses correctes
}

et

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<FORM NAME="Quizz">
	<P>1. L'ADN chez les bactéries: <BR>
	<INPUT TYPE=RADIO NAME=Q1 VALUE="False1"> a été découvert en 1966 par Paul McCartney.<BR>  
	<INPUT TYPE=RADIO NAME=Q1 VALUE="True1"> est circulaire.<BR>
	<INPUT TYPE=RADIO NAME=Q1 VALUE="False2"> est contenu dans une organite.		
 
	<P>2. C et G sont:<BR>
	<INPUT TYPE=CHECKBOX NAME=Q2 VALUE="False3">  les abréviations de Caramel et de Goodies.<BR>
	<INPUT TYPE=CHECKBOX NAME=Q2 VALUE="True2">  les abréviations de Cytosine et Guanine.<BR>
	<INPUT TYPE=CHECKBOX NAME=Q2 VALUE="True3">  deux types de bases azotées contenues dans les nucléotides de l'ADN.	  
 
	<P>3. Le taux de C+G:<BR>
	<SELECT NAME=Q3>
		<OPTION value="False4" SELECTED> est indépendant du type de bactéries
		<OPTION value="False5"> varie selon la position de la lune
		<OPTION value="True4"> dépend du type de bactéries
		<OPTION value="False3"> augmente au cours du temps
	</SELECT>	
 
	<P>4. Voux avez: <BR>
	<INPUT TYPE=CHECKBOX NAME=Q4 VALUE="True5"> adoré notre site.
	<BR><BR>  	
	<input TYPE="button" value="Valider" onClick="Score()"> &nbsp &nbsp
	<input TYPE=RESET VALUE="Annuler"><BR><BR>
</FORM>

la fenêtre alerte ne s'affiche pas non plus, mais il me semble bien avoir tout corrigé, même simplifié par rapport à ce que je voulais.

**NoSmoking** · 08/12/2013, 09h19

Je vois que tu as tenu compte des remarques mais que très partiellement

Alert('vous avez ' + (pt * 100) / 4 + ' % de bonnes réponses'); //donne le pourcentage de réponses correctes

Alert(, à ce jour javascript est toujours sensible à la casse.

if (document.Quizz.Q4[0].checked == true) {

il n'y a qu'un élément Q4 donc le [0] est en trop.

Pour info ton premier test sur les éléments Q2 pourrait être largement simplifié.

Pour finir une remarque d'ordre général, c'est pratique un Quizz où il suffit de regarder le code source pour avoir la solution

FAQ JavaScript

**Steelb0ss** · 08/12/2013, 11h59

J'ai réussit à tout corrigé et ça marche comme je le souhaitais au début! merci!

Mon Quiz ne fonctionne pas

JavaScript

Discussions similaires

Partager

Partager