Erreur NaN ds javascript
mking03
Messages postés
119
Statut
Membre
-
gmira -
gmira -
Bonjour,
je suis un debutant en javascript et j'ai eu une erreur "NaN" je ne sais pa pourkoi
je veu faire l'addition entre 2 champs apres clicker sur le bouton add et affiché le resultat
voila mon code:
<html>
<body>
<form name=formulaire>
<input type='text' name=champs1 value=''>
<input type='text' name=champs2 value=''>
</form>
<script>
variable1=document.formulaire.champs1.value;
variable2=document.formulaire.champs2.value;
total=parseInt(variable1,10)+parseInt(variable2,10);
</script>
</body>
<form>
<input type='button' name='ee' value='add' onclick='alert(total)'>
</form>
</html>
merci d'avence
je suis un debutant en javascript et j'ai eu une erreur "NaN" je ne sais pa pourkoi
je veu faire l'addition entre 2 champs apres clicker sur le bouton add et affiché le resultat
voila mon code:
<html>
<body>
<form name=formulaire>
<input type='text' name=champs1 value=''>
<input type='text' name=champs2 value=''>
</form>
<script>
variable1=document.formulaire.champs1.value;
variable2=document.formulaire.champs2.value;
total=parseInt(variable1,10)+parseInt(variable2,10);
</script>
</body>
<form>
<input type='button' name='ee' value='add' onclick='alert(total)'>
</form>
</html>
merci d'avence
Configuration: Windows XP Firefox 2.0.0.16
2 réponses
-
Bonsoir,
Tu n'étais pas loin de la solution.
En faite, ton problème et que tu ne récupère pas les champs. Lorsque tu clique sur le bouton add, il faut que tu appel une fonction ( je l'ai nommée calcul).
Je t'explique le fonctionnement. Quand tu clique sur le bouton add, tu exécute la fonction "calcul" qui se charge de récupérer les valeurs, de les additionné et d'afficher le résultat.
Voici ton code modifier :
<html>
<body>
<form name=formulaire>
<input type='text' name=champs1 value=''>
<input type='text' name=champs2 value=''>
</form>
<script>
function calcul(){
variable1=document.formulaire.champs1.value;
variable2=document.formulaire.champs2.value;
total=parseInt(variable1)+parseInt(variable2);
alert(total);
}
</script>
</body>
<form>
<input type='button' name='ee' value='add' onclick='calcul();'>
</form>
</html>
Bonne soirée. -
