11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,


Pour mon site je dois réaliser 4 série de code de la route tout en javascript.

Jusque là, tout va très bien, j'en suis arrivé à ceci:
http://aserres.free.fr/Code/series.html

Le problème, c'est au moment de compter les fuates à la fin de la série. Le nombre d'erreurs n'est pas le bon, j'ai beaucoup cherché d'où pouvais venir le pb et je n'ai rien trouvé...

Le JavaScript est visualisable ici:
http://aserres.free.fr/Code/js.js


Voici en gros le morceau de code d'où viendrait le problème:
Exemple d'une de mes fonction question (j'ai bien initialisé var erreurs à 0 juste avant)
function question1_1() {
	document.getElementById('image').src='imgseries/img1_1.jpg';
	document.getElementById('question').innerHTML='Dans cette situation:';
	document.getElementById('reponse1').innerHTML='A - Je klaxonne';
	document.getElementById('reponse2').innerHTML='B - Je fais un signe de croix et je fonce.';
	document.getElementById('reponse3').innerHTML='C - Je fais demi-tour';
	document.getElementById('reponse4').innerHTML='D - Je mets la ceinture que j\'avais omis de mettre';
	if(document.formulaire.r1.checked || document.formulaire.r2.checked || !document.formulaire.r3.checked || document.formulaire.r4.checked) {erreurs++;}
	document.getElementById('next').innerHTML='<input id="next" type="button" value="Question suivante" onclick="question1_2(); unchecked();"/>';
	}


Et ma fonction résultat qui calcul renvoie le nombre d'erreurs:
function resultat() {
	document.getElementById('questionnaire').style.display='none';
	document.getElementById('nombre_erreurs').innerHTML='Vous avez fait <b>'+erreurs+'</b> fautes';	
		if(erreurs==10) document.getElementById('commentaires').innerHTML='lol you fail!';
		else if(erreurs<=9&&erreurs>=8) document.getElementById('commentaires').innerHTML='3';
		else if(erreurs<=7&&erreurs>=6) document.getElementById('commentaires').innerHTML='2';
		else if(erreurs<=5&&erreurs>=3) document.getElementById('commentaires').innerHTML='1';
		else document.getElementById('commentaires').innerHTML='Vous avez tout faux!';
	document.getElementById('bouton_commentaires').style.display='block';
	document.getElementById('bouton_correction').style.display='block';
	document.getElementById('bouton_reload').style.display='block';
	document.getElementById('raccourci_correction').style.display='none';
	document.getElementById('bouton_recommencer').style.display='none';
	document.getElementById('commentaires').style.display='block';
	}


Merci d'avance!