Nombre de cliques

Résolu/Fermé

Henri - Modifié le 10 janv. 2021 à 11:15
Henri - 10 janv. 2021 à 11:39

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

A voir également:

Nombre de cliques
Nombre facile - Télécharger - Outils professionnels
Supprimer espace nombre excel ✓ - Forum Excel
Dans ce fichier, réalisez le graphique xy (nuage de points ou dispersion), avec les x en abscisse. dans le graphique, les points dessinent un nombre. lequel ? - Forum Bureautique
Nombre de combinaison possible avec 3 chiffres ✓ - Forum Programmation
Nombre de combinaison possible avec 6 chiffres de 0 à 9 - Forum loisirs/vie pratique

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
10 janv. 2021 à 11:27

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

Henri
10 janv. 2021 à 11:30

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.

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > Henri
10 janv. 2021 à 11:31

et bien.. que dit la console de ton navigateur ??

Henri > jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024
10 janv. 2021 à 11:34

Elle est vide...

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > Henri
10 janv. 2021 à 11:36

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

Henri
10 janv. 2021 à 11:39

merci j'ai juste changer click pour fleche et tout fonctionne parfaitement merci beaucoup pour cette information.

Discussions similaires

Snapchat locked : mon compte snapchat est bloqué

Accès a Snapchat temporairement désactivé

portable samsung bloqué trop de tentatives

combien de combinaisons de numéros à 10 chiffres?

Compte snapchat bloqué temporairement

Discussions similaires

Newsletters