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>
Affichages : 4569