Compteur

Fermé

lisa672 - Modifié le 15 août 2020 à 08:24
jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 - 15 août 2020 à 15:51

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


<!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

A voir également:

Compteur de clic espace
Compteur électrique - Guide
Espace insécable word - Guide
Espace de stockage gmail plein - Guide
Comment ralentir un compteur linky forum - Accueil - Objets connectés
Compteur communicant - Guide

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 4 719
15 août 2020 à 08:23

Bonjour,

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

Réponse 2 / 3

lisa672
Modifié le 15 août 2020 à 14:37

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

jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 4 719
Modifié le 15 août 2020 à 15:49

J'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;
  }
};

Réponse 3 / 3

lisa672
15 août 2020 à 15:38

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"

jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 4 719
15 août 2020 à 15:51

Le bouton restera cliquable quoi qu'il arrive...
Tu as juste demandé que ça valeur ne change plus.
Dans ce cas, c'est <= qu'il faut utiliser

Et si tu veux que le bouton ne soit plus cliquable... il faut le mettre en disabled

this.disabled = true;

Discussions similaires

Clic molette qui ne marche pas

comment donner les droits sur fichier partage

combien d'espace memoire occupe un entier ...