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
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
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és38480Date d'inscriptionStatutModérateurDernière intervention4 746
>
Henri
et bien.. que dit la console de ton navigateur ??
Henri
>
jordane45
Messages postés38480Date d'inscriptionStatutModérateurDernière intervention
Elle est vide...
jordane45
Messages postés38480Date d'inscriptionStatutModérateurDernière intervention4 746
>
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>
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>