Compteur de clicks

**themegabit** · 18/08/2009, 04h12

Bonjour,

J'utilise pour la première fois le javascript à l'intérieur de mon site internet.
Voilà la situation, je veut faire un compteur de clics sur un bouton en temps réel.
À chaque fois que l'utilisateur clique sur le bouton, le chiffre indiqué augmente de 1.
(1,2,3,4,5,6,7...)
Pour le faire je pense utiliser innerHTML mais le compteur arrête après 1.
Pouvez-vous m'aider? Quel est la bonne façon de procéder?

Voila mon code:

Code :

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
<html> 
<head> 
</head> 
<body> 
 
<script type="text/javascript"> 
var x=0 
function compteur(x) 
{ 
x = x+1; 
document.getElementById('nb').innerHTML = x; 
} 
</script> 
 
<p>Vous avez cliquez <b id='nb'>0</b> fois </p> 
<input type="button" onclick="compteur(x)" value="Cliquez ici" /> 
 
</body> 
</html>

**Bovino** · 18/08/2009, 06h56

Salut,

Vouloir apprendre le JavaScript est une bonne chose, mais la première des choses à faire est d'en apprendre les rudiments

Voir à ce sujet les tutoriaux JavaScript.
Dans ton cas, tu es confronté à la portée des variables.
La variable que tu passes en paramètre (portée locale) de ta fonction n'est pas la même que celle déclarée (portée globale) en début de script.
Donc en réalité ta fonction incrémente une variable non initialisée, c'est pourquoi le résultat est toujours 1.

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
<html> 
<head> 
</head> 
<body> 
 
<script type="text/javascript"> 
var x=0 
function compteur() 
{ 
x = x+1; 
document.getElementById('nb').innerHTML = x; 
} 
</script> 
 
<p>Vous avez cliquez <b id='nb'>0</b> fois </p> 
<input type="button" onclick="compteur()" value="Cliquez ici" /> 
 
</body> 
</html>

Là, aucun paramètre n'étant passé à la fonction, la référence à x est bien cherchée dans la portée globale et l'incrémentation fonctionne correctement

**themegabit** · 18/08/2009, 18h55

merci beaucoup,

C'était pas bien fort de ma part

Compteur de clicks

JavaScript

Discussions similaires

Partager

Partager