Simple fonction de calcul

AlaEddineJEBALI · 15/01/2011, 20h04

Bonjour,
Pour un mini-projet en Mathématique j'ai besoin de faire un petit code en JS pour calculer la somme de plusieurs inputs...
J'ai trouve ce code:
--------------------------------------------------------------------------

Code html :

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
<html>
<head>
<script type="text/javascript">
function calculerSomme(form) {
var x = form.inputX.value ;
var y = form.inputY.value ;
form.inputResult.value =( x+y );
}
</script>
</head>
<body>
<form name="myform">
X:<input name="inputX" />
Y:<input name="inputY" />
<input name="inputResult" />
<input type="button" value="Calculer Somme" onClick="calculerSomme(myform)" />
</form>
</body>
</html>

--------------------------------------------------------------------------

J'ai essaye de le tester mais le problème... il fait une concaténation de X et Y (comme étant 2 chaine) au lieu de retourner la somme !!!!!
Merci pour toute reponse.

Eric2a · 15/01/2011, 20h36

Salut,

Tu peux utiliser la fonction parseInt(string, radix); qui permet de renvoyer la valeur numérique correspondant à la chaîne de caractères (string).

Le paramètre facultatif (radix) contient la base du système numérique utilisé.

Code :

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

1
2
var x = parseInt(form.inputX.value);
var y = parseInt(form.inputY.value);

Bovino · 16/01/2011, 14h11

Comme le souligne Eric2a, les valeurs d'un champ de formulaire correspondent à des chaînes de caractères. Dans ce cas, l'opérateur '+' effectue une concaténation.
Pour transtype une variable chaîne en nombre, tu peux utiliser les méthodes parseInt ou parseFloat, mais tu peux aussi multiplier par 1

Code :

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

1
2
var x = form.inputX.value * 1;
var y = form.inputY.value * 1;

ou ajouter un opérateur + préfixe :

Code :

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

1
2
var x = +form.inputX.value ;
var y = +form.inputY.value ;

Enfin, l'écriture

Code :

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

onClick="calculerSomme(myform)"

est très maladroite et risque de ne pas fonctionner sur tous les navigateurs, si tu veux passer le formulaire en paramètre, il est préférable d'utiliser la propriété form d'un champ de formulaire :

Code :

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

onClick="calculerSomme(this.form)"

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email