l'addition en javascript

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:

---

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

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

Lire la FAQ.

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

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:

---

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 ?

Code:

---

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

---

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

Hum, une autre idée dans la manche ? :)

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

Code:

---

<option>0</option>

---

mais sur :

Code:

---

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

---

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

A+

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:

---

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;

---

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:

---

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

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:

---

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:

---

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>

---

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

ERE

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:

---

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:

---

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 ?

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...

Bonjour,

Et comme ça ?

Code:

---

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 .....

---

Bonjour,

Citation:

---

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)

---

Citation:

---

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

---

Non, ça ne marche toujours pas :cry::

Code:

---

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; }

---

Re,

Tu veux tester ça et nous dire ?

Code:

---

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);

---

Bonjour,

Citation:

---

Envoyé par emmanuel.remy

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 :aie:

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 :mouarf: ).
Il faut donc préciser la base "10" dans les différentes fonctions mathématiques (parseInt(), parseFloat() etc.) sous peine de surprises ...

A+

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

Citation:

---

Envoyé par 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

---

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

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

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 :lol:

Hello les gars,
on va bien appuyer là où ça fait mal :D

Code:

---

1 2 3 4 5 6 7 8

>>> parseInt('7') 7 >>> parseInt('8') 8 >>> parseInt('07') 7 >>> parseInt('08') 0

---

Quand il voit un zéro il convertit en octal, ça a déjà été dit. Et quand il y a des chiffres inconnus (le 8 ne fait pas partie du système octal), il renvoie zéro. J’aurais trouvé ça plus cohérent qu’il renvoie NaN…

Code:

---

1 2 3 4 5 6 7 8

>>> parseInt('10') 10 >>> parseInt('11') 11 >>> parseInt('010') 8 >>> parseInt('011') 9

---

Bonus :

Code:

---

1 2 3 4 5 6

>>> parseInt('0x9') 9 >>> parseInt('0x10') 16 >>> parseInt('0xA') 10

---

Hexadécimal :D


Personnellement quand il s’agit de convertir une chaîne contenant simplement le nombre, je caste avec Number().

Code:

---

1 2	var s = '42'; var n = Number(s);

---

J’ai jamais de mauvaises surprises…

;)

Code:

---

1 2 3

var s = '42'; var n = +s; alert(typeof n)

---