Discussion :

[UDSP50]

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

[ProgElecT]

Salut
Peut être que

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=Number(document.getElementById('chiffre').value) + 1"/></td>

[UDSP50]

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

[UDSP50]

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

[darkstar123456]

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

[ProgElecT]

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

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;