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 ?

[misterphil]

J'ai fini par trouver ! Il ne fallait pas miser sur :

Code :

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

<option>0</option>

mais sur :

Code :

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

<option value="0">0</option>

Fut un temps où cela fonctionnait il me semble, mais bon...

A+

[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 ?

[laurentSc]

Ce que je souhaite faire est visible par exemple sur cet exemple (cliquer sur "Calculer le prix...") et je n'en suis pas très loin, mais je sèche...

[pc75]

Bonjour,

Et comme ça ?

Code :

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

1
2
3
4
5
6
7
 
....
var q_npn = document.form.q_npn.value * 1;
var px_npn = document.form.px_npn.value * 1;
....
Et là, tu fais tes calculs à partir des variables
.....

[andry.aime]

Bonjour,

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)

total+=parseFloat(document.form.total_npn.value);

[laurentSc]

Non, ça ne marche toujours pas :

Code :

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

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

[pc75]

Re,

Tu veux tester ça et nous dire ?

Code :

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

1
2
3
4
5
6
 
function calc_total_npn(form) {
var q_npn = document.form.q_npn.value * 1;
var px_npn = document.form.px_npn.value * 1;
var total = q_npn + px_npn;
alert(total);

[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+

[laurentSc]

Après pas mal de galères (inutile de préciser), j'ai pû faire le test, mais je me suis aperçu que ton + devait être en fait un *. Donc, je l'ai changé, et le calcul est bon (mais il l'était déjà, vu que c'est un sous-total et que seul le total global est faux)...

C'est une réponse à pc75, pas à E.Bzz

[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