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 html : Sélectionner tout - Visualiser dans une fenêtre à part
<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