Addition de champs

Bonjour,
J'ai un formulaire avec champs numérique et un champs total, je voudrais savoir comment faire pour que l'addition des champs se fasse directement quand l'utilisateur saisie des données !
Exemple

champ1 + champs2 +champ3 = champstotal
j'ai mon code actuel qui fonctionne mais affiche un NAN pendant l'encodage et il faut passer à la ligne suivante pour avoir l'addition.

Citation:

---

<script language="JavaScript">
<!--
function recalculer()
{
//déclarons trois variables temporaires
var val1=0;
var val2=0;
var val3=0;
var val4=0;
// et une variable pour le total
var total1=0;

val1=parseInt(document.getElementById('exemple1').value);
val2=parseInt(document.getElementById('exemple2').value);
val3=parseInt(document.getElementById('exemple3').value);
val4=parseInt(document.getElementById('exemple4').value);
//calcule total
total1=val1+val2+val3+val4;
document.getElementById('resultat1').value=total1;

}
</script>

---

D'avance merci

Code:

---

1 2 3 4

val1=Number(document.getElementById('exemple1').value); val2=Number(document.getElementById('exemple2').value); val3=Number(document.getElementById('exemple3').value); val4=Number(document.getElementById('exemple4').value);

---

Citation:

---

Envoyé par SpaceFrog

Code:

---

1 2 3 4

val1=Number(document.getElementById('exemple1').value); val2=Number(document.getElementById('exemple2').value); val3=Number(document.getElementById('exemple3').value); val4=Number(document.getElementById('exemple4').value);

---

---

GENIAL ET MERCI:P