1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
| <fieldset>
<legend>Un départ en douceur...</legend>
<h2>Question 1 :</h2>
<p>Les homo sapiens sapiens avaient-il inventé le bronze ?</p>
<h3>Réponse : </h3>
<input type="radio" name="q1" value="Oui" id="q1_1" /><label for="q1_1">Oui</label>
<input type="radio" name="q1" value="Non" id="q1_2" /><label for="q1_2">Non</label>
<h2>Question 2 :</h2>
<p>Vercingétorix a-il remporté la bataille d'Alésia ?</p>
<h3>Réponse : </h3>
<input type="radio" name="q2" value="Oui" id="q2_1" /><label for="q2_1">Oui</label>
<input type="radio" name="q2" value="Non" id="q2_2" /><label for="q2_2">Non</label>
<h2>Question 3 :</h2>
<p>Le sacre de Charlemagne a-t-il eu lieu en l'an 800 ?</p>
<h3>Réponse : </h3>
<input type="radio" name="q3" value="Oui" id="q3_1" /><label for="q3_1">Oui</label>
<input type="radio" name="q3" value="Non" id="q3_2" /><label for="q3_2">Non</label>
<h2>Question 4 :</h2>
<p>La Déclaration des Droits de l'Homme et du Citoyen a-t-elle été adoptée le 22 août 1789 ?</P>
<h3>Réponse : </h3>
<input type="radio" name="q4" value="Oui" id="q4_1" /><label for="q4_1">Oui</label>
<input type="radio" name="q4" value="Non" id="q4_2" /><label for="q4_2">Non</label>
<h2>Question 5 :</h2>
<p>En quelle année a eu lieu le sacre de Napoléon ? En 1804 ?</p>
<h3>Réponse : </h3>
<input type="radio" name="q5" value="Oui" id="q5_1" /><label for="q5_1">Oui</label>
<input type="radio" name="q5" value="Non" id="q5_2" /><label for="q5_2">Non</label>
</fieldset>
<script language="JavaScript">
function recupererdonnees(){
console.log(this.value);
}
var q1=document.getElementById('q1_1');
q1.addListener("click", recupererdonnees);
document.getElementById("q1_2").addListener("click", recupererdonnees); //façon de préférence( moins de lignes)
document.getElementById("q2_1").addListener("click", recupererdonnees);
document.getElementById("q2_2").addListener("click", recupererdonnees);
document.getElementById("q3_1").addListener("click", recupererdonnees); //et encore d'autres listener ...
</script> |