Html/javascripte addition simple

le-geek Messages postés 409 Statut Membre -
__construct - 31 août 2011 à 16:32

Bonjour,c'est très simple j'aimerais faire une addition en html avec le langague javascript mais je ne suis pas diplomé ect... donc je n'y connait pas grand chause.

parcontre j'ai se code ci.

<HTML>
<HEAD>

<br><br> 
<input type="text" name="nombre1" />

<br><br> 
<input type="text" name="nombre2" />

<br> <br> resultat
<input type="text" name="resultat" />

<input name="rstboutton" onclick="document.formulaire.resultat.value = document.formulaire.nombre1.value + document.formulaire.nombre2.value" type="button" value="TEST" />


<br> <br> <br> <br> <br> <br> 
<input type="button" value="HELP" onclick="alert('met un nombre dans les deux premiers textbox et press sur TEST')"> 

</head>
</html>

la formule serai a+b=c avec un boutton qui active le calcul :S

le probleme c'est la formule qui n'e fonctionne pas ...


<input name="rstboutton" onclick="document.formulaire.resultat.value = document.formulaire.nombre1.value + document.formulaire.nombre2.value" type="button" value="TEST" />

je rappele que je n'y connais pas grand chause et je suis en train d'apprendre XD

Afficher la suite

A voir également:

Addition html code
Code ascii - Guide
Addition excel - Guide
Code puk bloqué - Guide
Comment déverrouiller un téléphone quand on a oublié le code - Guide
Code activation windows 10 - Guide

4 réponses

Réponse 1 / 4

le-geek Messages postés 409 Statut Membre 31

le premier minterresse assé mais il n'y a pas la formule pour que le resultat apparraisse quelquepart

mais comment faire pour que le resultat apparaisse dans une textbox par exemple ? XD

__construct

L'affichage par boîte de dialogue javascript était là pour l'exemple et le test de la fonction, à toi de l'adapter pour faire apparaître le résultat de la fonction dans un champ de type texte...
Sinon on fait ton travail à ta place et ça, ça n'est pas bien, oh non pas bien du tout...!!!

Réponse 2 / 4

le-geek Messages postés 409 Statut Membre 31

j'ai reussi a faire mon truck mai ...

<html>
<head>
	<title>&bull; Addition en javascript &bull;</title>
	<script type="text/javascript"> 
	function addNbre(Val1, Val2, Val3) 
	
	{
		if(Val1 == '' || Val2 == '') {
			window.alert('Veuillez saisir 2 nombres à additionner!');
		} else {
			var Nbre1 = parseInt(Val1, 10);
			var Nbre2 = parseInt(Val2, 10);
			var Total = Nbre1+Nbre2;
		}
	} 
</script>
</head>

<body>
<form>
	Nombre 1 <input type="text" id="nbr1" name="nombre1" value="" /><br /><br /> 
	Nombre 2 <input type="text" id="nbr2" name="nombre2" value="" /><br /><br />
	Resultat <input type="text" id="total" name="total" value="" /><br /><br /> 
	<input type="submit" value="TEST" onclick="javascript:addNbre(document.getElementById('nbr1').value, document.getElementById('nbr2').value)" />
</form>
</body>
</html>

le resultat ne veut pas sortir :/

__construct

<html>
<head>
	<title>Addition en javascript</title>
	<script type="text/javascript">
	function addNbre() {
		var Val1 = document.getElementById('nbr1').value;
		var Val2 = document.getElementById('nbr2').value;
		if(Val1 == '' || Val2 == '') {
			window.alert('Veuillez saisir 2 nombres à additionner!');
		} else {
			var Nbre1 = parseInt(Val1, 10);
			var Nbre2 = parseInt(Val2, 10);
			var Total = Nbre1+Nbre2;
			document.getElementById('Result').value = Total;
		}
	}
	</script>
</head>

<body>
<form id="FormTest" action="">
	<p>
		Nombre 1 <input type="text" id="nbr1" name="nombre1" value="" /><br /><br /> 
		Nombre 2 <input type="text" id="nbr2" name="nombre2" value="" /><br /><br />
		Résultat <input type="text" id="Result" name="resultat" value="" /><br /><br />
		<input type="submit" value="Tester" onclick="javascript:addNbre(); return false;" />
	</p>
</form>
</body>
</html>

Réponse 3 / 4

mizamiza

d'accord tu fais d'abord une fonction javascript
<script type="text/javascript">
function add( int a , int b)
{
document.formulaire.resultat.value = a+b;
}
</script>
tu mets ça entre <head> et </head>
puis à l'appel onclick="add( document.formulaire.nombre1.value, document.formulaire.nombre1.value);"

normalement ça doit marcher sinn tu dois formater les deux parametres
dis ce que ça donne??

Réponse 4 / 4

__construct

Bonsoir,
Il faut utiliser parseInt() car la chaîne est de type string et donc ton script additionne des chaines :

<html>
<head>
	<title>&bull; Addition en javascript &bull;</title>
	<script type="text/javascript"> 
	function addNbre(Val1, Val2) {
		if(Val1 == '' || Val2 == '') {
			window.alert('Veuillez saisir 2 nombres à additionner!');
		} else {
			var Nbre1 = parseInt(Val1, 10);
			var Nbre2 = parseInt(Val2, 10);
			var Total = Nbre1+Nbre2;
			window.alert('Le total est : ' + Total);
		}
	} 
</script>
</head>

<body>
<form>
	Nombre 1 <input type="text" id="nbr1" name="nombre1" value="" /><br /><br /> 
	Nombre 2 <input type="text" id="nbr2" name="nombre2" value="" /><br /><br />
	<input type="submit" value="TEST" onclick="javascript:addNbre(document.getElementById('nbr1').value, document.getElementById('nbr2').value)" />
</form>
</body>
</html>

le nombre 10 [ parseInt(Val1, 10) ] est là pour indiquer dans quel base faire la conversion mais c'est la base par défaut, je préfère l'indiquer pour la clarté du code pour un non initié au javascript!

Discussions similaires

sertissage des cables rj45

Votre réponse

Discussions similaires