Compteur
Bonjour,
J'ai créer un compteur de clique avec ce que j'ai trouver sur le net. J'aimerais savoir comment je pourrais afficher quelque chose a la place du nombre et stopper le compteur quand onarrive a un certain nombre.
Par exemple mon compteur commence a 6 et diminue a chaque fois de 1, j'aimerais que quand il arrive a 0, a la place du zero afficher autre chose et que le compteur s'arrete. Je vous remercie d'avance pour votre aide.
je vais mettre le code de mon compteur
EDIT : Ajout du LANGAGE dans les balises de code.
Explications à lire entièrement disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
...
J'ai créer un compteur de clique avec ce que j'ai trouver sur le net. J'aimerais savoir comment je pourrais afficher quelque chose a la place du nombre et stopper le compteur quand onarrive a un certain nombre.
Par exemple mon compteur commence a 6 et diminue a chaque fois de 1, j'aimerais que quand il arrive a 0, a la place du zero afficher autre chose et que le compteur s'arrete. Je vous remercie d'avance pour votre aide.
je vais mettre le code de mon compteur
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div class="main" style=";width: 150px;">
<button id="clickme" style="height: 150px;width: 150px;border-radius: 75px;border: none;background: bisque;"> 6</button>
</div>
<script>
var button = document.getElementById("clickme"),
count = 6;
button.onclick = function(){
count -= 1;
button.innerHTML = " " + count;
};
</script>
</body>
</html>
EDIT : Ajout du LANGAGE dans les balises de code.
Explications à lire entièrement disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
...
Configuration: Windows / Firefox 79.0
3 réponses
-
ModérateurBonjour,
1 - Tu as posté dans le forum JAVA ... hors.. c'est du JAVASCRIPT ton code... pas du JAVA.
Je déplace donc le sujet dans le bon forum.
2 - Tu nous dis ce que tu souhaites obtenir... mais en tu ne nous montres pas ce que tu as essayé ....
Ce que tu demandes n'est rien de plus que la mise en place de 'conditions'.
Sais tu faire un IF/ELSE ?? ( c'est le minimum à connaitre en programmation).
-
desolé je me suis trompé
je vais vous montrer ce que j'ai essayer.<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <div class="main" style=";width: 150px;"> <button id="clickme" style="height: 150px;width: 150px;border-radius: 75px;border: none;background: bisque;"> 6</button> </div> <script> var button = document.getElementById("clickme"), count = 6; button.onclick = function(){ count -= 1; button.innerHTML = " " + count; if(count === 0) { this.innerHTML = "!!!!"; } }; </script> </body> </html>
Le problème c'est que le compteur continue, je ne sais pas comment le stopper.
EDIT : Ajout du LANGAGE dans les balises de code.
Explications à lire entièrement disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code-
ModérateurJ'ai encore édité ton message pour y corriger les balises de code....
Il faut y indiquer le LANGAGE
Explications à lire entièrement disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Et pour ce qui est de ta demande....
Que penses tu de :button.onclick = function(){ count -= 1; if(count<= 0) { this.innerHTML = "!!!!"; }else{ button.innerHTML = " " + count; } };
-
-
J'ai lu les explications, merci
Je n'ai pas compris votre code
A quoi sert la 6eme ligne ?
Voila ce que je j'ai trouver<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <div class="main" style=";width: 150px;"> <button id="clickme" style="height: 150px;width: 150px;border-radius: 75px;border: none;background: bisque;"> 6</button> </div> <script> var button = document.getElementById("clickme"), count = 6; button.onclick = function(){ count -= 1; button.innerHTML = " " + count; if(count < 0) { this.innerHTML = "!!!!"; } }; </script> </body> </html>
Malheureusement le bouton est toujours "cliquable"
