Compteur de clicks

Version imprimable

Compteur de clicks

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:

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>

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:

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 ;)

18/08/2009, 18h55
themegabit

merci beaucoup,

C'était pas bien fort de ma part :?