ajouter 1 sur clic image

Bonjour à tous

Je me rapproche de vous car j'ai un souci d'écriture

j'ai une image, j'aimerai au clic dessus que cela incrémente 1 de + a chaque fois que je clic dessus dans un input.
Je m'explique

dans l'input "chiffre" il y a par exemple : 102

j'aimerai sur le clic image que cela affiche dans l'input "chiffre" 103
et ainsi de suite à chaque clic, 104 , 105 ........

Mon code fonctionne à moitié il change bien ma valeur mais au lieu d'ajouter 1 il me le met en plus, le chiffre 102 devient 1021

Pourriez vous m'aider s'il vous plait

voici mon code

Code:

---

<td width="18"><img src="../images/fleches_verte.png" alt="" width="40" height="40" onClick="javascript:document.getElementById('chiffre').value = document.getElementById('chiffre').value + '1'"/></td>

---

Merci de votre aide ;)

Salut
Peut être que

Code:

---

<td width="18"><img src="../images/fleches_verte.png" alt="" width="40" height="40" onClick="javascript:document.getElementById('chiffre').value=Number(document.getElementById('chiffre').value) + 1"/></td>

---

ca fait rien c'est chelou tout de même

Pardon cela fonctionne très bien erreur de ma part

je vois ce que j'ai pas fait mais aurriez vous une petit explication svp

en tout cas merci

Bonjour,

Dans le code donné par @ProgElecT, on peut voir que la fonction Number() est utilisée afin de "caster" le type de variable à un nombre.
La valeur de votre input étant de base un string, si on fait "120" + 1, ça donne "1201". Il faut donc indiquer qu'on veut utiliser le champ en tant que valeur numérique.

Perso, je ne connaissais pas Number(), j'ai toujours utilisé parseInt() et parseFloat(), merci pour cette découverte :king:

Pour plus d'informations, le lien Number() de developer.mozilla.org

il y a d'autres façons de passer du string en number

Code:

---

1 2 3 4 5 6 7 8 9 10

1 * numstr + 1; // a priori le plus rapide   parseInt( numstr, 10) +1 ;   parseFloat( numstr) +1;   Math.round( numstr ) +1;   ~~ numstr +1;

---