Discussion :

[ctrii]

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

Eventuellement, corrections mineures, simplification :

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

Exemple :

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

[Auteur]

bonjour,

3 remarques :

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

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

  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 :

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

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

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

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>

[ctrii]

Merci pour ta correction.

-Petites modifs pour pouvoir essayer ton code tel quel :

Code :

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

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