Réaliser un qcm facilement en Html5 :

<!DOCTYPE html>
<html>
<body>

<h2>QCM</h2>
<p>The <strong>input type="checkbox"</strong> defines a checkbox:</p>


<input type="checkbox" id="quest1" value="true">Réponse 1<br>
<input type="checkbox" id="quest2" value="false">Réponse 2<br>
<input type="checkbox" id="quest3" value="false">Réponse 3<br>

<div id="reponse"></div>
<input type="button" value="Valider" onclick="tester()"><br>
<input type="button" id="suivant" value="Question suivante" onclick="suivant()"><br>
<script>
var bonnereponse = false;
var erreur = 0;
//cache question suivante
document.getElementById("suivant").style.display = "none";


function tester() {
var quest1 = document.getElementById("quest1");
if (""+quest1.checked == quest1.value) {
document.getElementById("reponse").innerHTML = "oui";
document.getElementById("suivant").style.display = "block";

}//fin if
else {
document.getElementById("reponse").innerHTML = "non" ;
erreur++;
}//fin else
}
function suivant() {
alert("page suivante");
}

</script>

</body>
</html>

En poursuivant votre navigation sur mon site, vous acceptez l’utilisation des Cookies et autres traceurs  pour réaliser des statistiques de visites et enregistrer sur votre machine vos activités pédagogiques. En savoir plus.