addition de value d'input

**the-destroyer** · 11/10/2009, 18h30

bonjour tt le monde!
voila mon code qui marche, c'est le resultat qui beug:

Code :

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

1
2
3
4
5
 
caract_1 = document.form[0].elements[1].value;
caract_2 =  document.form[0].elements[2].value;
caract_3 = document.form[0].elements[3].value;
total = caract_1 + caract_2 + caract_3;

le probleme c'est que si dans le champ numero 1 on met la valeur 1 et numero 2 la valeur 15 et le numero 3 la baleur 20 et bien au mieux d'obtenir 36 j'obtient 11520
c'est a dire qu'il colle juste les caractere entre eux au lieu de les aditionner...
pouvez vous m'aider?

**hotline** · 11/10/2009, 18h54

bonjour,

C'est normal tes 'values' sont des chaînes et pas des entiers. L'opérateur + sert à concaténer des chaînes si tu veux les additionner il faut d'abord les transformer en entier avec parseInt

Code :

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

1
2
3
4
5
 
function test() {
alert ('3'+'5'+'6');
alert(parseInt('3')+parseInt('5')+parseInt('6'));
}

Voir FAQ

**sebhm** · 11/10/2009, 18h57

Bonjour,

c'est a dire qu'il colle juste les caractere entre eux au lieu de les aditionner...

et oui normal !
car les input renvoient du texte, et le signe '+' sert pour les additions et la concaténation...

Il faut donc que tu lui dises explicitement que tu as des nombres dans ta variable

Code :

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

1
2
parseInt(document.form[0].elements[1].value)
parseFloat(document.form[0].elements[1].value)

selon que tu veux récupérer un entier ou un décimal

EDIT : oups... deuxieme ...

**SpaceFrog** · 11/10/2009, 19h04

Code :

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

1
2
3
4
5
caract_1 = document.form[0].elements[1].value*1;
caract_2 =  document.form[0].elements[2].value*1;
caract_3 = document.form[0].elements[3].value*1;
total = caract_1 + caract_2 + caract_3;
alert (total)

**RomainVALERI** · 12/10/2009, 09h33

Mon conseil pour éviter les mauvaises surprises à la conversion :

Code :

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

1
2
3
4
5
 
caract_1 = parseInt(document.form[0].elements[1].value, 10);
caract_2 =  parseInt(document.form[0].elements[2].value, 10);
caract_3 = parseInt(document.form[0].elements[3].value, 10);
total = caract_1 + caract_2 + caract_3;

@spacefrog : ah tiens c'est marrant je n'avais jamais vu ce raccourci de conversion, qui fait penser à la manière de convertir un number en chaine en concaténant avec une chaine vide... Et ça évite la conversion implicite en octal des chaines commencant par un "0" ? ^^

**SpaceFrog** · 12/10/2009, 09h45

ça convertit en numérique décimal...
il y a une autre façon de faire également masi je ne m'en rappelle plus

**Bovino** · 12/10/2009, 10h00

Envoyé par SpaceFrog

ça convertit en numérique décimal...
il y a une autre façon de faire également masi je ne m'en rappelle plus

Avec l'opérateur + en préfixe

Code :

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

1
2
3
4
5
caract_1 = +document.form[0].elements[1].value;
caract_2 =  +document.form[0].elements[2].value;
caract_3 = +document.form[0].elements[3].value;
total = caract_1 + caract_2 + caract_3;
alert (total)