Discussion :

[EperW46]

Bonjour,
Je débute en Javascript et après différents essais, mon code ne marche toujours pas. J'aimerais afficher, quand le bouton est cliqué, la valeur du bouton sur la console.
Même quand je rajoute une alerte rien ne se passe... Pouvez-vous m'aider ? Merci beaucoup
Voici les bouts importants de mon script.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[javatwister]

addEventListener fonctionnerait mieux...