Faire un QCM avec javascript

Fermé

lima900 Messages postés 145 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 14 avril 2010 - Modifié par jordane45 le 12/01/2015 à 02:56
Tatou02 Messages postés 1 Date d'inscription mardi 14 avril 2015 Statut Membre Dernière intervention 14 avril 2015 - 14 avril 2015 à 00:41

Bonjour,
je suis debutante en javascript,et jai l'exercice suivant:

A l'aide des formulaires et de fonctions Javascript réalisez un QCM dont le résultat (le nombre de réponses correctes) sera affiché dans un champs texte en bas de la page.

.
voila le code que j'ai mis mais ça donne rien je sais pas prk?.

<html>
<head>
<title>QCM</title>
<script language="javascript" type="text/javascript">
<!--
function calcul(form_qz){
var i=0
if document.form_qz.choix_rep_0.value=1;
i++;
if document.form_qz.choix_rep_1.value=1;
i++;
if document.form_qz.choix_rep_2.value=1;
i++;
if document.form_qz.choix_rep_3.value=1;
i++;

if document.form_qz.choix_rep_4.value=1;
i++;
if document.form_qz.choix_rep_5.value=1;
i++;
if document.form_qz.choix_rep_6.value=1;
i++;
if document.form_qz.choix_rep_7.value=1;
i++;
if document.form_qz.choix_rep_8.value=1;
i++;
if document.form_qz.choix_rep_9.value=1;
i++;

}

//-->
</script>
</head>
<body>
<form name="form_qz">
<p>Le colvert est :
  <br><input type="radio" name="choix_rep_0" value="1">un canard
 
  <br><input type="radio" name="choix_rep_0" value="0">un coq
 
  <br><input type="radio" name="choix_rep_0" value="0">un perroquet
 </p>
 <p>Le petit-gris est:
 <br><input type="radio" name="choix_rep_1" value="0">un rat
 
  <br><input type="radio" name="choix_rep_1" value="0">un chat
 
  <br><input type="radio" name="choix_rep_1" value="1">un escargot
 </p>

 <p>Quel est le nom du poisson surnommé le "cheval de mer"?
 
 
  <br><input type="radio" name="choix_rep_2" value="0">Le dauphin
 
  <br><input type="radio" name="choix_rep_2" value="1">L'hippocampe
 
  <br><input type="radio" name="choix_rep_2" value="0">L'espadon
 
 
 </p>
 
 <p>Quelle est la capitale de l'Italie?
 
  <br><input type="radio" name="choix_rep_3" value="0">Venise
 
  <br><input type="radio" name="choix_rep_3" value="0">Milan
 
  <br><input type="radio" name="choix_rep_3" value="1">Rome
 </p>
 <p>Quelle est la capitale de l'Espagne?
  <br><input type="radio" name="choix_rep_4" value="1">Madrid
 
  <br><input type="radio" name="choix_rep_4" value="0">Tolède
 
  <br><input type="radio" name="choix_rep_4" value="0">Barcelone
 
 
 </p>
 
 <p>Quelle est la capitale de la Chine?
  <br><input type="radio" name="choix_rep_5" value="1">Pékin
 
  <br><input type="radio" name="choix_rep_5" value="0">Hongkong
 
  <br><input type="radio" name="choix_rep_5" value="0">Shanghaï
 
 
 </p>
 
 <p>Quelle pâtisserie mange-t-on le plus souvent à Noël en France?
 
 
  <br><input type="radio" name="choix_rep_6" value="0">La galette des rois
 
  <br><input type="radio" name="choix_rep_6" value="1">La bûche de Noël
 
  <br><input type="radio" name="choix_rep_6" value="0">La religieuse
 
 
 </p>
 
 <p>Est-ce que l'été est suivi immédiatement par le printemps?
 
 
  <br><input type="radio" name="choix_rep_7" value="1">Non
 
  <br><input type="radio" name="choix_rep_7" value="0">Oui
 
 
 </p>
 
 <p>Est-ce que le sel a un goût sucré?
 
 
  <br><input type="radio" name="choix_rep_8" value="1">Non
 
  <br><input type="radio" name="choix_rep_8" value="0">Oui
 
 
 </p>
 
 <p>Les pommes sont-elles toujours vertes?
 
 
  <br><input type="radio" name="choix_rep_9" value="0">Oui
 
  <br><input type="radio" name="choix_rep_9" value="1">Non
 
 
 </p>
 <p>le nombre de réponses correctes est :
 <input type="button" name="btnAfficher" value="afficher le reslultat" onclick="document.getelementbyid('reslultat').value=calcul(form_qz)">
 <br><input type="text" name="txtNb" id="resultat">
 </p>
  
 </form>
 
 </body>
 
</html>

Si qualqun peut me corriger ou me proposez koi ke ce soit merci d'avance,j'attend vs reponses:)

A voir également:

Comment faire un qcm en javascript
Telecharger javascript - Télécharger - Langages
Javascript round ✓ - Forum Javascript
Afficher un tableau javascript en html ✓ - Forum Javascript
A javascript error occurred in the main process - Forum Matériel & Système
Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux

6 réponses

Réponse 1 / 6

lima900 Messages postés 145 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 14 avril 2010 11
7 janv. 2010 à 13:20

voila les reponses:
Le colvert est : un canard
Le petit-gris est: un escargot
Quel est le nom du poisson surnommé le "cheval de mer"? :L'hippocampe .
Quelle est la capitale de l'Italie? :Rome
Quelle est la capitale de l'Espagne? :Madrid
Quelle est la capitale de la Chine? :Pékin
Quelle pâtisserie mange-t-on le plus souvent à Noël en France? :La bûche de Noël
Est-ce que l’été est suivi immédiatement par le printemps? :Non
Est-ce que le sel a un goût sucré? :Non
Les pommes sont-elles toujours vertes? :Non

Réponse 2 / 6

JessayeDeTrouver Messages postés 270 Date d'inscription mercredi 9 septembre 2009 Statut Membre Dernière intervention 4 mai 2012 47
Modifié par jordane45 le 12/01/2015 à 02:56

Voici la réponse :

<html>
<head>
<title>QCM</title>
<bold><script language="javascript">

function calcul()
{
   nombreDeQuestion=10;
   nom=new Array();
   nomLength=new Array();
   point=0;
   for(n=0;n<=(nombreDeQuestion-1);n++)
   {
      nom[n]=document.getElementsByName("choix_rep_"+n);
      nomLength[n]=nom[n].length;
      for(q=0;q<=(nomLength[n]-1);q++)
      {
        if(nom[n][q].checked==true)
        {point=point+eval(nom[n][q].value);} 
        else
        {point=point;}

      }       
   }
   document.form_qz.txtNb.value=point;
}


</script></bold>
</head>
<body>
<form name="form_qz">
<p>Le colvert est :
<br><input type="radio" name="choix_rep_0" value="1">un canard

<br><input type="radio" name="choix_rep_0" value="0">un coq

<br><input type="radio" name="choix_rep_0" value="0">un perroquet
</p>
<p>Le petit-gris est:
<br><input type="radio" name="choix_rep_1" value="0">un rat

<br><input type="radio" name="choix_rep_1" value="0">un chat

<br><input type="radio" name="choix_rep_1" value="1">un escargot
</p>

<p>Quel est le nom du poisson surnommé le "cheval de mer"?


<br><input type="radio" name="choix_rep_2" value="0">Le dauphin

<br><input type="radio" name="choix_rep_2" value="1">L'hippocampe

<br><input type="radio" name="choix_rep_2" value="0">L'espadon


</p>

<p>Quelle est la capitale de l'Italie?

<br><input type="radio" name="choix_rep_3" value="0">Venise

<br><input type="radio" name="choix_rep_3" value="0">Milan

<br><input type="radio" name="choix_rep_3" value="1">Rome
</p>

<p>Quelle est la capitale de l'Espagne?
<br><input type="radio" name="choix_rep_4" value="1">Madrid

<br><input type="radio" name="choix_rep_4" value="0">Tolède

<br><input type="radio" name="choix_rep_4" value="0">Barcelone


</p>

<p>Quelle est la capitale de la Chine?
<br><input type="radio" name="choix_rep_5" value="1">Pékin

<br><input type="radio" name="choix_rep_5" value="0">Hongkong

<br><input type="radio" name="choix_rep_5" value="0">Shanghaï


</p>

<p>Quelle pâtisserie mange-t-on le plus souvent à Noël en France?


<br><input type="radio" name="choix_rep_6" value="0">La galette des rois

<br><input type="radio" name="choix_rep_6" value="1">La bûche de Noël

<br><input type="radio" name="choix_rep_6" value="0">La religieuse


</p>

<p>Est-ce que l'été est suivi immédiatement par le printemps?


<br><input type="radio" name="choix_rep_7" value="1">Non

<br><input type="radio" name="choix_rep_7" value="0">Oui


</p>

<p>Est-ce que le sel a un goût sucré?


<br><input type="radio" name="choix_rep_8" value="1">Non

<br><input type="radio" name="choix_rep_8" value="0">Oui


</p>

<p>Les pommes sont-elles toujours vertes?


<br><input type="radio" name="choix_rep_9" value="0">Oui

<br><input type="radio" name="choix_rep_9" value="1">Non


</p>
<p>le nombre de réponses correctes est :
<input type="button" name="btnAfficher" value="afficher le reslultat" <bold>onclick="calcul();"</bold>>
<br><input type="text" name="txtNb" id="resultat">
</p>

</form>

</body>

</html>

A+

samir aaloui Messages postés 1 Date d'inscription dimanche 3 novembre 2013 Statut Membre Dernière intervention 3 novembre 2013
3 nov. 2013 à 20:15

le code est professionnelle mais j'ai pas bien compris la partie dans la quelle le programme est afficher le nombre de question correct

Réponse 3 / 6

hamid majah
17 mars 2011 à 17:24

saluuuut mes amis jai un code javascript qui fait des qcm avec des reponse mais je cherche ajouter un score mais je n'arrive pas pouvez vous m'aider
voila mon code avec des questions et des reponses:

<table width="50" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
body {
background-image: url(Nouveau%20dossier/images1.jpg);
background-color: #FF8000;
}
</style>

</head>

<body>

<table width="749" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="399" bgcolor="#FFFF80"></head>
<marquee behavior="alternate" bgcolor="#4c4c4c" width="785" height="78" align="absmiddle" >
<p><span class="Style30"><span class="Style28"><font color="#ffffff"size="4,5" face="Georgia, Times New Roman, Times, serif" color="#CCCCCC"><b><i><img src="qcm.gif" width="80" height="30"><u>vous êtes prêt pour quelques questions </u></i></b></span><img src="qcm.gif" width="80" height="30">
</marquee></font><body bgcolor="#d9d9d9" background="mm.JPEG">
<form name="QCM"><b><u><i><font size=4 color="#9a3333"><ol><Li>Le réseaux informatique est :</font></b></u></i><br/><br/>

<b><input type="radio" name="choix" value="choix1"/>le résultat de la connexion de plusieurs Réseaux d'eau potable.</b> <br/>
<b><input type="radio" name="choix" value="choix2"/>le résultat de la connexion de plusieurs machines entre elles. </b><br/>
<b><input type="radio" name="choix" value="choix3"/>le résultat de la connexion de plusieurs cables Téléphonique.</b><br/><br/>
<b><div id="resultat"></div><br/><br/>
<hr size=3 width=90% align=left color=#4c4c4c>

<br /><br /><b><u><i><font size=4 color="#9a3333"><Li>La configuration matérielle d'un réseau informatique nécessite :</font></b></u></i><br/><br/>

<input type="radio" name="choix1" value="choix4"/>les connecteures RJ45,BNC . <br/>
<input type="radio" name="choix1" value="choix5"/>les connecteures RJ46,BNS . <br/>
<input type="radio" name="choix1" value="choix6"/>les connecteures RJ50,BND .<br/><br/>
<div id="resultat1"></div></br></br>
<hr size=3 width=90% align=left color=#4c4c4c>
<br/><br /><b><u><i><font size=4 color="#9a3333"><li>pour la Configuration d'un réseau local:</font></b></u></i><br/><br/>

<input type="radio" name="choix2" value="choix7"/>Vérifier le fonctionnement des cartes graphiques. <br/>
<input type="radio" name="choix2" value="choix8"/>Ne pas nommer les postes . <br/>
<input type="radio" name="choix2" value="choix9"/>Nommer les postes de réseau.<br/><br/>
<div id="resultat2"></div></br></br>
<hr size=3 width=90% align=left color=#4c4c4c>

<br/><br /><b><u><i><font size=4 color="#9a3333"><li>Les réseaux sont nés d'un besoin d'échanger :</font></b></u></i><br/><br/>

<input type="radio" name="choix3" value="choix10"/>des informations de manière compléxe entre des machines. <br/>
<input type="radio" name="choix3" value="choix11"/>Des informations entre les machines non connectés aux mêmes réseaux.<br/>
<input type="radio" name="choix3" value="choix12"/>des informations de manière simple et rapide entre des machines.<br/><br/>
<div id="resultat3"></div></br></br>
<hr size=3 width=90% align=left color=#4c4c4c>

<br/><br /> <b><u><i><font size=4 color="#9a3333"><li> Que signifier LAN ?</font></b></u></i><br/><br/>

<input type="radio" name="choix4" value="choix13"/>Local Area Network. <br/>
<input type="radio" name="choix4" value="choix14"/>Métropolitain Area Network. <br/>
<input type="radio" name="choix4" value="choix15"/>local Area Networking.<br/><br/>
<div id="resultat4"></div></br></br>
<hr size=3 width=90% align=left color=#4c4c4c>

<center><input type="button" value="Valider" onClick="tester(this.form)"/></center></br>
<center><INPUT TYPE="reset" VALUE="Retablir"></center>

</form>

<p>
<script type="text/javascript">
function modifierText(id, texte) {
document.getElementById(id).innerHTML = texte;
}

function tester(f) {
var toutEstOk = true;

if (f.choix[1].checked) {
modifierText("resultat", "Bonne réponse: Le réseaux informatique est le résultat de la connexion de plusieurs machines entre elles. ");

} else if (f.choix[0].checked || f.choix[2].checked) {
toutEstOk = false;
modifierText("resultat", "Mauvaise réponse: Le réseaux informatique est le résultat de la connexion de plusieurs machines entre elles. ");

} else {
alert("veullez remplir tout le QCM svp");
return false;
}

if (f.choix1[0].checked) {
modifierText("resultat1", "Bonne réponse: La configuration matérielle d'un réseau informatique necessite les connecteures RJ45,BNC .");
} else if (f.choix1[1].checked || f.choix1[2].checked) {
toutEstOk = false;
modifierText("resultat1", "Mauvaise réponse: La configuration matérielle d'un réseau informatique necessite les connecteures RJ45,BNC .");
} else {
alert("veullez remplir tout le QCM svp");
return false;
}

if (f.choix2[2].checked) {
modifierText("resultat2", "Bonne réponse: pour Configuration d'un réseau local Nommer les postes de réseau.");
} else if (f.choix2[1].checked || f.choix2[0].checked) {
toutEstOk = false;
modifierText("resultat2", "Mauvaise réponse: pour Configuration d'un réseau local Nommer les postes de réseau.");
} else {
alert("veullez remplir tout le QCM svp");
return false;
}

if (f.choix3[2].checked) {
modifierText("resultat3", "Bonne réponse: Les réseaux sont nés d'un besoin d'échanger des informations de manière simple et rapide entre des machines.");
} else if (f.choix3[1].checked || f.choix3[0].checked) {
toutEstOk = false;
modifierText("resultat3", "Mauvaise réponse:Les réseaux sont nés d'un besoin d'échanger des informations de manière simple et rapide entre des machines .");
} else {
alert("veullez remplir tout le QCM svp");
return false;
}

if (f.choix4[0].checked) {
modifierText("resultat4", "Bonne réponse : LAN signifier: Local Area Network.");
} else if (f.choix4[1].checked || f.choix4[2].checked) {
toutEstOk = false;
modifierText("resultat4", "Mauvaise réponse : LAN signifier : Local Area Network.");
} else {
alert("veullez remplir tout le QCM svp");
return false;
}

if (toutEstOk) {
alert('Bravo ! 100% vrais');
} else {
alert('Attention Il y a des erreurs voir la correction ou revien au correction...');
}
return false;
}

</script>
</p>
<table width="50" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="notion3.htm"><img src="betton2 copie.jpg" width="62" height="63"></a></td>
</tr>
</table>
<p> </p></td>

</tr>
</table>
</body>
</html>

hope
11 janv. 2015 à 18:41

J'ai le même problème que toi, si tu as trouvé une solution aidez moi svp

Tatou02 Messages postés 1 Date d'inscription mardi 14 avril 2015 Statut Membre Dernière intervention 14 avril 2015
14 avril 2015 à 00:41

<html>
<head>
<script type="text/javascript">
function qcm(num,sol)
{
var f=document.forms[num];
var choix=0;
choix=f.elements.length-4;
var bin=new Array();
for(var i=0;i<choix;i++)
{
if (f.elements[i].checked)
{bin[i]=1;}
else {bin[i]=0;}
}

var binaire="";
binaire=bin.join("");

var erreurs=0;
for(var k=0;k<choix;k++)
{
if(sol.charAt(k)!=bin[k])
{ erreurs++;
}
}

if(erreurs==0)
{
f.t.value="c'est tout juste";
}
else
{

f.t.value=" vous avez fait "+erreurs+" faute";
}
}
function solution(num,sol)
{
var fo=document.forms[num];
var choix=0;
choix=fo.elements.length-4;
for (var j=0;j<choix;j++)
{
if (sol.charAt(j)=="1")
{
fo.elements[j].checked=true;
}
else
{
fo.elements[j].checked=false;
} }
}
</script>
</head>
<body>
<p>
<b> Cochez les cases qui vous semblent justes, il peut y en avoir plusieurs réponses justes </b>
</p>
<form >
<b><i>8*7 = : </i></b><br>
<input type="checkbox" /> 62 <br>
<input type="checkbox" />56 <br>
<input type="checkbox" />43 <br>
<i> <b>Un langage de programmation:</b> </i> <br>
<input type="checkbox" />Java <br>
<input type="checkbox" /> HTML <br>
<input type="checkbox"/>C++ <br>
<i><b>(8*7+9)(4-(3+1)= </b> </i> <br>
<input type="checkbox" />2 <br>
<input type="checkbox"/>1<br>
<input type="checkbox" />0<br>
<i> <b>Un Système d'exploitation : </b> </i><br>
<input type="checkbox" />Windows <br>
<input type="checkbox" />Apple <br>
<input type="checkbox" />Linux <br>
<input type=button value="Vérifier" onclick="qcm(0,'010101001111')"/>
<input type="text" name="t" size="20" ></input>
<input type="reset" value="Annuler" />
<input type="button" onclick="solution(0,'010101001111')" value="Solution" />
</form>
</body>
</html>

Réponse 4 / 6

JessayeDeTrouver Messages postés 270 Date d'inscription mercredi 9 septembre 2009 Statut Membre Dernière intervention 4 mai 2012 47
7 janv. 2010 à 12:44

je t'aiderais si tu me dit les reponse pour chaque question

koffi
14 mai 2012 à 13:25

AGORO
2 juin 2014 à 08:50

bj comment afficher la page de réponse dans un utre onglet

Réponse 6 / 6

lima900 Messages postés 145 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 14 avril 2010 11
8 janv. 2010 à 15:05

merci bcp ça marche tres bien juste une kestion si tu permet,pour cette ligne pourkoi tu a mis {point=point+eval(nom[n][q].value);} et ta pa juste mi {point=point+(nom[n][q].value)}
et pour cette ligne:{point=point;} jai pa compris a koi ça sert

tito23 Messages postés 305 Date d'inscription mardi 10 août 2010 Statut Membre Dernière intervention 16 janvier 2013 4
17 mars 2011 à 18:03

nom[n][q].value ça donne une chaine de caractères, eval la convertie en numeric

Discussions similaires

qcm en html

Afficher Variable JS dans une div

Insérer des balises HTML avec du javascript

affichage d'un tableau en javascript

masquer/afficher Div avec CSS sans JS

affichage d une variable js dans page html