Nombre de cliques [Résolu]

Signaler
-
 Henri -
Bonjour,
je souhaite faire une fonction simple qui permet de changer le texte "1 of 20" pour "2 of 20"... et aussi changer l'image quand on clique sur l'image "fleche" voila mon code: 

<img class= "tee-shirt" id="tee-shirt"src="../images/tee-shirt1.png" >
<img class= "fleche" id="fleche" onclick="click()" src="../images/fleche.png" >
<p class="of" id ="of">1 of 21</p>
<script>
var nb = 1;
function click(){
 if nb == 21{
  nb = 1;
 }
 else{
  nb++;
 }
document.getElementById("of").innerHTML = nb + ' of 21';
document.getElementById("tee-shirt").src ="../images/tee-shirt"+nb ;
}
</script>

le probleme c'est que rien se produit quand on clique sur l'image.
Avez des solutions a m'apporter?
merci d'avance


Configuration: Windows / Chrome 87.0.4280.141
Afficher la suite

2 réponses

Réponse 1 / 2
Messages postés
31095
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 janvier 2021
 3 194
Bonjour,

Si tu ouvres la console de ton navigateur, tu verras qu'il t'indique une erreur de syntaxe sur ton if 
   if nb == 21{

A écrire 
   if (nb == 21) {

Signaler

ooh oui merci je n'avais pas vue cette grosse erreur.
Mais le programme ne fonctionne toujours pas il dois il y avoir encore plus gros.
Signaler
Messages postés
31095
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 janvier 2021
 3 194 > Henri
et bien.. que dit la console de ton navigateur ??
Signaler
>
Messages postés
31095
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 janvier 2021
Elle est vide...
Signaler
Messages postés
31095
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 janvier 2021
 3 194 > Henri
c'est le nom de ta fonction qui ne va pas...
click est une fonction "réservée"
renomme la.

par exemple 
<img class= "tee-shirt" id="tee-shirt" src="../images/tee-shirt1.png" />
<img class= "fleche" id="fleche" onclick="clickimg();" src="./images/fleche.png"/>
<p class="of" id ="of">1 of 21</p>
<script>
var nb = 1;
function clickimg(){
  console.log("On entre dans le click...");
  console.log('NB vaut :',nb);
   if (nb == 21){
    nb = 1;
   } else{
     nb++;
   }
  document.getElementById("of").innerHTML = nb + ' of 21';
  document.getElementById("tee-shirt").src ="../images/tee-shirt"+nb ;
}
</script>
Réponse 2 / 2

merci j'ai juste changer click pour fleche et tout fonctionne parfaitement merci beaucoup pour cette information.
Répondre Posez votre question