Discussion :

[joe370]

Bonsoir
c'est surement une question de débutant mais lorsque j'essai d'additionner deux nombre situés dans deux zone de texte avec le symbole '+' il me les concaténe...

Code :

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

1
2
3
 
<input type="button" name="plus" value="+" onclick="
this.form.resultat.value = (this.form.nb1.value + this.form.nb2.value) ; ">

exple : avec 1 et 2 le resultat est 12
que dois-je faire??
merci d'avance

[Shinuza]

Utilise parseInt() pour convertir les strings de tes input en int

[Bisûnûrs]

Lire la FAQ.

http://javascript.developpez.com/faq...axe#ConcatPlus

[misterphil]

Bonsoir,

A propos des additions sous JS, je ne vois pas d'où vient mon problème. Le code ci-dessous additionne le nombre sous Firefox mais pas sous IE (NaN) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<script type="text/javascript">
 
function totalite()
{
var p0 = document.getElementById('points0').value;
var p1 = document.getElementById('points1').value;
var p2 = document.getElementById('points2').value;
var p3 = document.getElementById('points3').value;
var p4 = document.getElementById('points4').value;
var p5 = document.getElementById('points5').value;
var p6 = document.getElementById('points6').value;
var p7 = document.getElementById('points7').value;
var p8 = document.getElementById('points8').value;
var p9 = document.getElementById('points9').value;
document.getElementById('total').value=parseInt(p0,10)+parseInt(p1,10)+parseInt(p2,10)+parseInt(p3,10)+parseInt(p4,10)+parseInt(p5,10)+parseInt(p6,10)+parseInt(p7,10)+parseInt(p8,10)+parseInt(p9,10);
//même souci avec : document.getElementById('total').value=parseInt(p0)+parseInt(p1)+parseInt(p2)+parseInt(p3)+parseInt(p4)+parseInt(p5)+parseInt(p6)+parseInt(p7)+parseInt(p8)+parseInt(p9);
 
} 
 
</script>
 
<select name="points[0]" id="points0" onChange="totalite();">
                            <option  >0</option>
                            <option  >1</option>
                            <option  >2</option>
                            <option  >3</option>
                            <option  >4</option>
                            <option  >5</option>
                          </select>
 
//idem pour les 9 autres selects : id="points1",  id="points2", etc... 
 
<input name="total" type="text" id="total" size="3" readonly="readonly">

Une idée svp ?

[Bovino]

Code :

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

1
2
var p0 = document.getElementById('points0').options[0].value;
...

[misterphil]

Cool, merci, comme ça, ça ne marche ni sur l'un ni sur l'autre...

Hum, une autre idée dans la manche ?

[laurentSc]

Question de débutant : je voudrais faire une addition ; j'ai vu qu'il fallait utiliser la fonction parseInt(), mais même avec celle-ci, il me concatène les 2 variables ; quelle est l'explication ? Voici mon code :

Code :

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

1
2
3
4
total=19;
total=parseInt(total,10)+parseInt(form.total_npn.value,10);
total=parseInt(total,10)+parseInt(form.total_npa.value,10);
form.total.value=total;

[emmanuel.remy]

Salut,

Pourquoi faire un parseInt(total), alors que total est déjà une valeur ?
Et tu n'est pas obligé de préciser "10", le système sera décimal par défaut (et ... c'est pas plus mal ainsi ! ). Enfin, sauf si tu l'as fait exprès, l'accès au formulaire est précédé du document:

Code :

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

1
2
3
4
5
 
total=19;
total = total + parseInt(document.form.total_npn.value);
total = total + parseInt(document.form.total_npa.value);
document.form.total.value=total;

Et tu peux remplacer tes total = total + ... par total += ...

ERE

[misterphil]

Ceci dit, même si le script peut être optimisé, il fonctionne tel quel. Je suis allé au bout de l'exemple pour pouvoir le tester à travers une fonction :

Code :

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

1
2
3
4
5
6
7
8
9
<script language="javascript" type="text/javascript">
function cocos(form)
{
total=19;
total=parseInt(total,10)+parseInt(form.total_npn.value,10);
total=parseInt(total,10)+parseInt(form.total_npa.value,10);
form.total.value=total;
}
</script>

Code :

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

1
2
3
4
5
6
<form name="form" method="post" action="">
  <input name="total_npn" type="text" id="total_npn" value="22">
  <input name="total_npa" type="text" id="total_npa" value="34">
  <input type="text" name="total" id="total">
  <input name="cocof" type="button" value="Go" onClick="cocos(this.form);">
</form>

[emmanuel.remy]

Sûr.
Si l'objectif c'est de faire un test ou un exercice de style alors ok, c'est fonctionnel. Sinon ...

ERE

[laurentSc]

Bonjour,

je n'arrive pas à trouver la logique du comportement actuel, mais je voudrais qu'à chaque fois que l'utilisateur modifie un champ de son formulaire, ça mette à jour le total.
Pour se faire, j'ai des champs de ce type :

Code :

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

1
2
 <input size="2" maxlength="10"
 value="" name="q_npn" id="q_npn"  type="text" onkeyup="calc_total_npn(this.form)">

avec la fontion js suivante :

Code :

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

1
2
3
4
5
function calc_total_npn(form) {
document.form.total_npn.value=document.form.q_npn.value*document.form.px_npn.value;
total+=parseFloat(document.form.total_npn.value);
document.form.total.value=total;
}

et au lieu de m'afficher le total, ça m'affiche d'abord le double, puis si j'efface le champ et que je remet la valeur, ça m'incrémente de nouveau le total du double du total intermédiaire (en début de script, la variable "total" est initialisée à 0). Je précise que le total intermédiaire (ici "document.form.total_npn.value") est correct. Où est mon bug ?

[E.Bzz]

Bonjour,

Et tu n'est pas obligé de préciser "10", le système sera décimal par défaut

Petit rectificatif :
il faut préciser le "10".
Le système devrait être décimal par défaut, mais hélas ce n'est pas le cas

Suivant le premier caractère de la valeur à convertir, elle est dans certains cas interprétée en octale : il s'agit d'un bug.
Et après coup, ce n'est pas évident à déceler (certaines capillarités s'en souviennent encore ).
Il faut donc préciser la base "10" dans les différentes fonctions mathématiques (parseInt(), parseFloat() etc.) sous peine de surprises ...

A+

[Gatsu35]

Salut,

Pourquoi faire un parseInt(total), alors que total est déjà une valeur ?
Et tu n'est pas obligé de préciser "10", le système sera décimal par défaut

NON et encore NON, parseInt('08'), te reverra 0, il faut obligatoirement passer la base en paramètre, car ce n'est pas par défaut la base décimale, mais en fonction de la tête de la string, s'il voit 0 en premier il renvoit de l'octal par exemple.
parseInt('010') -> 8

et un conseil, il faut faire valider son code avec jslint et suivre les recommandations de l'outil. cela évite bien des soucis

[laurentSc]

Comme j'y tenais beaucoup, j'ai posé la même question sur un autre forum et on m'a donné une solution

Où est passé le bouton "résolu" ?

[QuienSabe]

Ca serait sympa de la publier la réponse parce que le lien a disparu et moi aussi, j'y tiens beaucoup à ces additions (Cf http://www.developpez.net/forums/d95...ries-debutant/ post #20