Syntaxe JavaScript | (2) Pourquoi mes deux valeurs se concatènent au lieu de s'additionner ?

Syntaxe JavaScript | (2) Pourquoi mes deux valeurs se concatènent au lieu de s'additionner ?
Tout semble correct.

Eventuellement, corrections mineures, simplification :

Citation:

---

En JavaScript, le "+" est le symbole de concaténation.
Pour additionner il faut utiliser parseInt().

Exemple :

Citation:

---

variable1 = document.formulaire.champs1.value; /* '12' */
variable2 = document.formulaire.champs2.value; /* '20' */

total_concatenation = variable1 + variable2; /* '1220' (chaîne) */
total_addition = parseInt(variable1,10) + parseInt(variable2,10); /* 32 (entier) */

/* Le 2e paramètre facultatif de parseInt correspond au système de numération : 10 signifie base 10
Source : http://www.w3schools.com/jsref/jsref_parseint.asp */

---

---

Il s'agit de la 2e "question" de la section Syntaxe JavaScript
-faits : 2
-encore à faire (courant janvier) : 1,3,4,5,6,7,8,9,10,11,12,13,14,15,16

bonjour,

3 remarques :

• Citation:

  ---

  Pour additionner il faut utiliser parseInt().

  ---

  Je serais moins catégorique : parseFloat()existe également... parseInt()ne retournera pas le bon résultat si les valeurs des champs sont des nombres à virgule.
  
• Code:

  ---

  document.formulaire.champs1.value;

  ---

  Cette syntaxe pour accéder à un objet d'un formulaire est toujours valable mais trop lourde, il faut mieux la remplacer par un document.getElementById().
  
• les variables ne sont pas déclarées

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function addition() { var total_addition, total_concatenation;   var variable1 = document.getElementById("valeur1").value; var variable2 = document.getElementById("valeur2").value;   total_concatenation = variable1 + variable2; total_addition = parseFloat(variable1) + parseFloat(variable2);   alert(total_concatenation); alert(total_addition); }

---

Code:

---

1 2 3 4 5 6 7 8

<form> <input id="valeur1" type="text"/> <br/> <input id="valeur2" type="text" /> <br/> <input type="button" onclick="addition()" value="Addition" /> </form>

---

Merci pour ta correction.

-Petites modifs pour pouvoir essayer ton code tel quel :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function addition() { var total_addition, total_concatenation;   var variable1 = document.getElementById("valeur1").value; var variable2 = document.getElementById("valeur2").value;   total_concatenation = variable1 + variable2; total_addition = parseFloat(variable1) + parseFloat(variable2);   alert("Concaténation : " + total_concatenation); alert("Addition : " + total_addition); }

---

- Avec le formulaire que tu proposes, on peut en effet s'attendre à ce que l'utilisateur rentre un nombre à virgule.
C'est le point qu'il faudra utiliser : l'utilisateur écrira par exemple 2.3 (et non pas 2,3).