Html/javascripte addition simple

Fermé

le-geek Messages postés 288 Date d'inscription jeudi 18 novembre 2010 Statut Membre Dernière intervention 2 juillet 2014 - 30 août 2011 à 17:05
__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

A voir également:

Addition html code
Formule excel addition - Guide
Code puk bloqué - Guide
Code asci - Guide
Code telephone oublié - Guide
Code activation windows 10 - Guide

4 réponses

Réponse 1 / 4

le-geek Messages postés 288 Date d'inscription jeudi 18 novembre 2010 Statut Membre Dernière intervention 2 juillet 2014 31
Modifié par le-geek le 30/08/2011 à 20:33

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
30 août 2011 à 21:09

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 288 Date d'inscription jeudi 18 novembre 2010 Statut Membre Dernière intervention 2 juillet 2014 31
30 août 2011 à 21:11

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
31 août 2011 à 16:32

<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
30 août 2011 à 18:18

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
30 août 2011 à 20:04

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

Code de renvoi d'appel : Ooredo, Mobilis...