Calculatrice v1.0

Description

Une petite calculatrice qui réalise les opérations de base : addition, soustraction, multiplication, division.

Source / Exemple :

<html>
<head>
<title>Iwaweb - Calculatrice V1.0</title>
<script language="javascript">
function eteindre()
{
	allume = 0;
	afficher('');
}
function marche()
{
	allume = 1;
	indice = 0;
	calcul = '';
	ans = '';
	afficher('0');
}
function nombre(valeur)
{
	if(allume)
	{
		if(valeur!='=' && valeur!='<-')
		{
			if(valeur!='+' && valeur!='-' && valeur!='*' && valeur!='/')
			{
				if(ans!=''){ans='';}
				if(calcul.length<20)
				{
					calcul+=valeur;
					ok=1;
				}
			}
			else
			{
				if(ans!='')
				{
					calcul+=ans;
					ans='';
				}
				t = calcul.charAt(calcul.length-1);
				if(t!="*" && t!="+" && t!="-" && t!="/")
				{
					if(calcul.length<20)
					{
						calcul+=valeur;
						ok=1;
					}
				}
			}
		}
		if(valeur=='<-')
		{
			if (calcul.length>0)
			{
				calcul=calcul.substring(0,calcul.length-1);
				ok=1;
			}
		}
		if (valeur=='=')
		{
			if(calcul!='')
			{
				ans = eval(calcul);
				calcul = '';
				afficher(ans);
			}
		}
		if(ok){afficher(calcul);}
		ok=0;
	}	
}
function afficher(val)
{
	document.all.cache.style.visibility="hidden";
	document.f2.afficher.value=val;
	document.all.cache.style.visibility="visible";		
}
</script>

</head>
<body onload="eteindre()">
<div id="fond" style="position:absolute;top:80px;left:180px;z-index:0">
<form name="f1">
<input type="button" value="                                   
                                   
                                   
                                   
                                   
                                   
                                   
                                   
                                   
                                   
                                   " name="on">
</form>
</div>
<div id="ecran" style="position:absolute;top:105px;left:192px;z-index:0">
<form name="f2">
<input type="text" size="20" name="afficher">
</form>
</div>
<div id="cache" style="position:absolute; top:80px;left:180px;height:184px;width:164px;z-index:1"></div>
<div id="touches" style="position:absolute;top:130px;left:205px;z-index:1">
<form name="f3">
<input type="button" value="ON/C" onclick="marche();"><input type="button" value="OFF" onclick="eteindre();"><input type="button" value="  *  " name="multiplier" onclick="nombre('*');">
<br>
<input type="button" value="  1  " onclick="nombre('1');"><input type="button" value="  2  " onclick="nombre('2');"><input type="button" value="  3  " onclick="nombre('3');"><input type="button" value="  ÷  " name="division" onclick="nombre('/');">
<br>
<input type="button" value="  4  " onclick="nombre('4');"><input type="button" value="  5  " onclick="nombre('5');"><input type="button" value="  6  " onclick="nombre('6');"><input type="button" value="  +  " name="addition" onclick="nombre('+');">
<br>
<input type="button" value="  7  " onclick="nombre('7');"><input type="button" value="  8  " onclick="nombre('8');"><input type="button" value="  9  " onclick="nombre('9');"><input type="button" value="  -   " name="soustraire" onclick="nombre('-');">
<br>
<input type="button" value="  0  " onclick="nombre('0');"><input type="button" value="  .   " onclick="nombre('.');"><input type="button" value=" <-  " onclick="nombre('<-');"><input type="button" value="  =  " name="resultat" onclick="nombre('=');">
</form>
</div>
</body>
</html>

Conclusion :

Retrouvez d'autres scripts sur Iwaweb(http://www.iwaweb.net)

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.