JAVASCRIPT - Calculadora gráfica

Calculadora gráfica

Compatibilidad: Ms Internet Explorer, Netscape
Calculadora estándar en forma gráfica

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

</HEAD>

/*
-----------------------------------------
|      By Mattias Sjöberg 1/11-96       |
|You're welcome to use/edit this script.|
| Keep the comments and drop me a note. |
-----------------------------------------
|      mattias.sjoberg@swipnet.se       |
| www.geocities.com/SiliconValley/7116  |
|     Visit  The JavaScript Planet      |
-----------------------------------------
*/

function compute() {
	window.onerror=null
	if (document.evalform.honoff.value=='off') return;

if ((document.evalform.hlp.value) != (document.evalform.hrp.value)){
		alert("The number of right ( isn't equal to the number of left )")
		return;
	}
   	document.evalform.result.value = eval(document.evalform.expr.value)
	document.evalform.dot.value='1';
	document.evalform.pos.value='3';
	document.evalform.prev.value='enter';

qwqw = document.evalform.result.value
   	for (var i = 3; i < 14; i++) {	
		document.images[i].src = "dgbl.gif"
   	}

for (var i = 0; i <= qwqw.length-1; i++) {	
		var del = qwqw.substring(i, i+1);
		if (del=='.'){
			del='p2';
		}
		else if (del=='-'){
			del='min';
		}
		else if((del=='0') || (del == '1') || (del == '2')|| (del == '3')|| (del == '4')|| (del == '5')|| (del == '6')|| (del == '7')|| (del == '8')|| (del == '9')){
		}
		else {
			del = 'bl';
		}

var nr = i+3
		if (nr > 13) {
			return;
		}
		document.images[nr].src = "dg" + del + ".gif"
   	}

}

function visa(n) {
	if (document.evalform.honoff.value=='off') return;
   	var s=0;//STOP if operator

if ((document.evalform.prev.value=='+') && (n=='+')) return
	if ((document.evalform.prev.value=='+') && (n=='/')) return
	if ((document.evalform.prev.value=='+') && (n=='*')) return
	if ((document.evalform.prev.value=='-') && (n=='-')) return
	if ((document.evalform.prev.value=='-') && (n=='+')) return
	if ((document.evalform.prev.value=='-') && (n=='/')) return
	if ((document.evalform.prev.value=='-') && (n=='*')) return
	if ((document.evalform.prev.value=='*') && (n=='/')) return
	if ((document.evalform.prev.value=='*') && (n=='*')) return
	if ((document.evalform.prev.value=='*') && (n=='+')) return
	if ((document.evalform.prev.value=='/') && (n=='/')) return
	if ((document.evalform.prev.value=='/') && (n=='*')) return	
	if ((document.evalform.prev.value=='/') && (n=='+')) return
	if ((document.evalform.prev.value=='(') && (n==')')) return
	if (n=='.'){
   		if (document.evalform.dot.value=='1'){
			return
		}
		else if (document.evalform.dot.value=='2'){
		}
   		else{
   			document.evalform.dot.value='1';
   		}
	}
	
	else if ((n=='+') || (n == '-') || (n == '*')|| (n == '/')|| (n == '(')|| (n == ')')){
		if (document.evalform.dot.value=='2') return
		else document.evalform.dot.value='0'
  	}

else{
		if (document.evalform.prev.value=='enter') return
	}
   	
   	document.evalform.expr.value = document.evalform.expr.value + n
	document.evalform.prev.value = n
   	qwqw = document.evalform.expr.value

if (document.evalform.help.value=='t'){
		for (var i = 3; i < 14; i++) {	
			document.images[i].src = "dgbl.gif"
		}  
		document.evalform.help.value=''
   	}

s=0
	if((n=='+') || (n == '-') || (n == '*')|| (n == '/')|| (n == '(')|| (n == ')')){
		document.evalform.help.value='t'
		document.evalform.pos.value='2'
		document.evalform.dot.value='0'
		var s=1;
	}

if(n=='(') document.evalform.hlp.value=parseInt(document.evalform.hlp.value)+1
	if(n==')') document.evalform.hrp.value=parseInt(document.evalform.hrp.value)+1

for (var i = 0; i <= qwqw.length-1; i++) {	
		var del = qwqw.substring(i, i+1);
   	}

if (del=='.'){
		del='p2';
	}
	else if (del=='-'){
		del='min';
	}
	else if((del=='0') || (del == '1') || (del == '2')|| (del == '3')|| (del == '4')|| (del == '5')|| (del == '6')|| (del == '7')|| (del == '8')|| (del == '9')){
		del=del;
	}
	else {
		del = 'bl';
	}

var nr = document.evalform.pos.value;
	if (nr > 13) {
		return;
	}
	if (s == 0) document.images[nr].src = "dg" + del + ".gif"
	document.evalform.pos.value=parseInt(document.evalform.pos.value)+1;

}
function clear() {
	if (document.evalform.honoff.value=='off') return;
	document.evalform.hlp.value='0'
	document.evalform.hrp.value='0'
   	document.evalform.prev.value='';
	document.evalform.dot.value='0';
	document.evalform.expr.value = '';
   	document.evalform.result.value = '';
   	document.evalform.pos.value = '3';
   	for (var i = 3; i < 14; i++) {	
		document.images[i].src = "dgbl.gif"
   	}  
  
}

function onoff() {
	if (document.evalform.honoff.value=='off'){
	   	document.evalform.honoff.value='on'
		clear()
   	}
   	else{
   		for (var i = 3; i < 14; i++) {	
			document.images[i].src = "calcbl.gif"
   		}  
		document.evalform.honoff.value='off'
   	}

}
</SCRIPT>
</head>
<BODY>

<P>

<FORM NAME="evalform">
<table>
<tr><td>Enter an expression:</td><td> <INPUT TYPE=text NAME="expr" SIZE=23></td></tr>

<tr><td>Result</td><td><INPUT TYPE=text NAME="result" SIZE=23></td></tr>
</table>

<input type=hidden name=help>
<input type=hidden name=pos value=3>
<input type=hidden name=honoff value='off'>
<input type=hidden name=dot value='0'>
<input type=hidden name=prev value='0'>
<input type=hidden name=hlp value='0'>
<input type=hidden name=hrp value='0'>

</FORM>
</center>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de los script de esta sección]