Nombre de cliques
Résolu
Henri
-
Henri -
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:
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
A voir également:
- Nombre de cliques
- Nombre de jours entre deux dates excel - Guide
- Nombre facile - Télécharger - Outils professionnels
- Ascii nombre de caractères - Guide
- Nombre de page - Guide
- Faites afficher avec un fond coloré les cellules qui contiennent une valeur comprise entre 250 et 350. quel nombre est dessiné en surbrillance ? ✓ - Forum Excel
Mais le programme ne fonctionne toujours pas il dois il y avoir encore plus gros.
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>