Test, quizz, qcm, questionnaire sur réponse oui ou non avec affichage des résultats en popup et caclcul du score avec une va


Télécharger le projet
Commenter

Description

Je me suis bricolé mon premier script car je ne trouvais pas exactement ce que je cherchais.
Beaucoup de QCM avec plusieurs réponses possibles par question et sans note différente par question.
Ici la note pour chaque question est modifiable et ce sont des boutons radio à choix exclusif par question.
L'affichage des résultats se fait dans une fenêtre alert avec un petit message correspondant à la valeur du score calculé.
Vous pouvez le voir en ligne sur http://bdfc.fr/TestTOCer.aspx

Source / Exemple : 


<html><head><title>TOC ou pas TOC</title><meta http-equiv="Content-Type"
 content="text/html; charset=ISO-8859-1"></head>
<body>
<script type="text/javascript">

var q1= 0;
var q2= 0;
var q3= 0;
var q4= 0;
var q5= 0;
var q6= 0;

//calcul du score
function calcul() {score=q1+q2+q3+q4+q5+q6;}

//commentaire du résultat
function resultat() {calcul();
					if (score<8) {alert("Ton taux de TOC est de "+score+" sur 10, comme tu es attentif à ta santé il vaut mieux ne plus TOcer pour le moment mais aller s'amuser autrement.");}
						else {alert("Ton taux de TOC est de "+score+" sur 10. Pour aujourd'hui tu peux raisonnablement TOCer :-)");}
					}

 </script>

<div align="center"><br><big style="font-style: italic;"><font style="font-family: Arial; font-weight: bold; color: rgb(102, 51, 102);">J'ai envie de TOCer mais est-ce bien pour moi?</font></big></div>
</div>

<form><p>
<!--Mise en forme de tout le texte sauf Question X-->
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">

<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 1 :</b></font>
<br>Est-ce que j'ai fait plus d'activité physique que de TOC aujourd'hui?<br>
<input type="radio" name="choix1" onclick='q1=2'>Oui<br>
<input type="radio" name="choix1" onclick='q1=0'>Non<br>

<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 2 :</b></font>
<br>Est-ce que je sais ce que je vais regarder/faire comme TOC?<br>
<input type="radio" name="choix2" onclick='q2=1'>Oui<br>
<input type="radio" name="choix2" onclick='q2=0'>Non<br>

<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 3 :</b></font>
<br>Ce que j'ai choisi comme TOC correspond à mon âge :<br>
<input type="radio" name="choix3" onclick='q3=3'>Vrai<br>
<input type="radio" name="choix3" onclick='q3=0'>Faux<br>

<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 4 :</b></font>
<br>Je vais TOCer pour apprendre quelque chose :<br>
<input type="radio" name="choix4" onclick='q4=1'>Vrai<br>
<input type="radio" name="choix4" onclick='q4=0'>Faux<br>

<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 5 :</b></font>
<br>J'ai déjà TOCer pendant 1/2h aujourd'hui :<br>
<input type="radio" name="choix5" onclick='q5=0'>Vrai<br>
<input type="radio" name="choix5" onclick='q5=1'>Faux<br>

<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 6 :</b></font>
<br>Est-ce que j'ai prévu d'autres moments TOCs pour le reste de la journée?<br>
<input type="radio" name="choix6" onclick='q6=0'>Oui<br>
<input type="radio" name="choix6" onclick='q6=2'>Non<br>

<p align="center">
<input name="Submit" value="Alors aujourd'hui, TOC ou pas TOC?" onclick="resultat()" type="button"></p>
</form>

</body></html>

Conclusion :


Comme c'est mon premier code made by hand j'attends vos commentaires.
Encore merci à tous ceux qui contribue à ce site qui m'a beaucoup aidé.
Vous pouvez voir mon code en live sur http://bdfc.fr/TestTOCer.aspx
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.