Faire un QCM avec javascript

lima900 Messages postés 145 Date d'inscription Statut Membre Dernière intervention -
Tatou02 Messages postés 1 Date d'inscription Statut Membre Dernière intervention - 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:)

Afficher la suite

A voir également:

6 réponses

Réponse 1 / 6

lima900 Messages postés 145 Date d'inscription Statut Membre Dernière intervention 11

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 Statut Membre Dernière intervention 47

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 Statut Membre Dernière intervention

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

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

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 Statut Membre Dernière intervention

<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 Statut Membre Dernière intervention 47

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

koffi

AGORO

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

Réponse 6 / 6

lima900 Messages postés 145 Date d'inscription Statut Membre Dernière intervention 11

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 Statut Membre Dernière intervention 4

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

Discussions similaires

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

Afficher une variable javascript dans un formulaire html

Votre réponse

Discussions similaires