JavaScript: Récupérer + inscrire 1 variable

Résolu
jemsss Messages postés 198 Statut Membre -  
jemsss Messages postés 198 Statut Membre -
Bonjour,
Comment récupérer ma variable "résultat" et la faire s'inscrire à la place de "affichage résultat" à chaque fois qu'on clique sur "égale". J'essaie avec document.write mais sans succès.
Merci d'avance

<script language="javascript" type="text/javascript">
<!--
	function calcul() {
		var resultat = Number(document.addition.nb1.value)+Number(document.addition.nb2.value);
		return false;
	}
-->
</script>

<html>
	<body>
		<form name="addition" onSubmit="calcul()">
			<input type="text" size="10" name="nb1" /> + 
			<input type="text" size="10" name="nb2" /> 
			<input type="submit" value="égale" /> 
			affichage résultat
		</form>
	</body>
</html>

2 réponses

  1. Defouille Messages postés 404 Statut Membre 54
     
    Bonjour, il faut que tu rajoutes un conteneur a l'endroit ou tu veux mettre ton texte, et que tu remplisses ce conteneur avec ce que tu veux :

    <script language="javascript" type="text/javascript">
    	function calcul() {
    		var resultat = Number(document.addition.nb1.value)+Number(document.addition.nb2.value);
                    document.getElementById('mon_resultat').innerHTML = resultat ;
    		return false;
    	}
    </script>
    
    <html>
    	<body>
    		<form name="addition" onSubmit="calcul()">
    			<input type="text" size="10" name="nb1" /> + 
    			<input type="text" size="10" name="nb2" /> 
    			<input type="submit" value="égale" /> 
    			<span id="mon_resultat">affichage résultat
    </span>
    		</form>
    	</body>
    </html>


    Au passage mettre tout ça dans un form qui ne fait qu'appeler une fonction javascript, c'est pas très élégant :p

    Tu peux aussi enlever ton form et mettre l'appel a ta fonction sur ton input qui deviendra :

    <input type="button" onclick="calcul();" value="égale" /> 


    Voila en espérant que ça t'aide :)
    0
  2. jemsss Messages postés 198 Statut Membre 17
     
    C'est exactement cette méthode qu'il me falait : getElementById().
    Effectivement c'est mieux d'utiliser "button" que "submit".
    Merci beaucoup Defouille :))
    Jemsss
    0