Bonjour,

j'aimerais avoir un compteur de clics pour le bouton submit d'un formulaire, mais ça ne semble pas marcher comme je veux.

Voici mon code :

HTML:

<form method="post" autocomplete="off" id="form_admin">
	<fieldset>
		<legend>Formulaire de connexion</legend>

		<div>
			<label for="pseudo">Pseudo :</label>
			<input type="text" id="pseudo" name="pseudo" placeholder="Entre 6 et 20 caractères" />
		</div>

		<div>
			<label for="password">Mot de passe :</label>
			<input type="password" id="password" name="password" placeholder="Entre 12 et 30 caractères" />
		</div>

		<div>
			<input type="submit" value="Connexion" name="login" />
		</div>
	</fieldset>
</form>

JavaScript:

var numberClick = 0;

submitButton = document.querySelector("form#form_admin > fieldset > div > input[type=submit]");
submitButton.addEventListener("click", function()
{
	numberClick = numberClick++;
});

console.log(numberClick);

J'ai deux problèmes.

1) la valeur de numberClick reste toujours à 0, elle n'augmente pas lorsque je clique sur le bouton.

2) Même si la valeur était incrémentée, comment faire pour enregistrer la valeur pour y avoir toujours accès même après avoir cliqué ?

Je pense utiliser les closures, mais je ne vois pas comment faire ? Ou peut-être que les closures ne sont pas appropriées dans ce cas...

Merci pour votre aide.

Je mettrai plutôt:

var numberClick = 0; // global 

submitButton.addEventListener("click", function()
{
    numberClick++; // ou numberClick = numberClick + 1; mais pas un mélange des deux
    console.log( numberClick ); //vaut plus de 0 
});

 console.log( numberClick ); // vaut 0, personne n'a cliqué!

Par contre, une fois le formulaire soumis, il est envoyé donc la page est rechargée et numberClick réinitialisé à 0.

var numberClick = 0; // global 

submitButton.addEventListener("click", function( evt )
{
    numberClick++; // ou numberClick = numberClick + 1; mais pas un mélange des deux
    console.log( numberClick ); //vaut plus de 0 
    evt.preventDefault(); // on ne soumet pas le formulaire
});

 console.log( numberClick ); // vaut 0, personne n'a cliqué!

Elisabeth