Afficher le résultat d'un calcul dans un formulaire web

[invite234d9cdb]

Bien le bonjour !

Je cherche à faire quelque chose de relativement simple, mais malheureusement j'ignore comment y arriver et quelques recherches et essais ne m'ont pas permis d'atteindre mon objectif.

Voici le pb : j'ai une équation qui contient un paramètre "n". J'aimerai que l'utilisateur puisse entrer dans un champ la valeur entière qu'il veut donner à n, appuie ensuite sur un bouton du type "effectuer le calcul" et que le résultat apparaissent immédiatement dans un autre champ à proximité.

J'ai tenté ceci, non seulement ça ne marche, mais en plus ça actualise la page, faisant que le lecteur éventuel est immédiatement expédié au sommet de la page après avoir cliqué sur "perform calculation".

<script type="text/javascript">
var n;

function displayresult() {

n=input.value;
output.value=n*5;

}

</script>

<form>
<input type="text" name="input" value="6">
<input type="submit" value="perform calcultation !" name="submit" onclick="diplayresult()">
<input type="text" name="output" value="30">
</form>

Merci à toute personne susceptible de m'aider
-----

[inviteb52e2270]

Bonjour LicenceXP,

Tu peux te passer des balises <form>, elles ne servent qu'à transmettre le contenu des champs via la méthode POST d'une page à l'autre, ça réglera ton problème de refresh.

Sinon, je pense que tu peux te passer de la fonction, vu la taille du traitement. =]

<input type="text" id="input" value="6">
<input type="submit" value="perform calcultation !" name="submit" onClick="window.document.getElementById('output').value = window.document.getElementById('input').value  * 5;">
<input type="text" id="output" value="0">

Bonne journée,
Julian