Nombre de cliques
Résolu
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:
le probleme c'est que rien se produit quand on clique sur l'image.
Avez des solutions a m'apporter?
merci d'avance
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
2 réponses
-
ModérateurBonjour,
Si tu ouvres la console de ton navigateur, tu verras qu'il t'indique une erreur de syntaxe sur ton ifif nb == 21{
A écrireif (nb == 21) {
-
-
Modérateur@Henriet bien.. que dit la console de ton navigateur ??
-
@jordane45Elle est vide...
-
Modérateur@Henric'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>
-
-
merci j'ai juste changer click pour fleche et tout fonctionne parfaitement merci beaucoup pour cette information.
