Вы находитесь на странице: 1из 10

Trabajo Prctico Calculadora en Java Script

Integrantes:
Feldkircher Melina Martnez Jorge Tasca Mariela

1 6 2011

Introduccin

Esta calculadora hecha en Java Script, est diseada para realizar cuentas matemticas no muy complejas, como la suma, la resta, la multiplicacin, la divisin y la potencia. El usuario que la utilice, adems tendr la posibilidad de redondear su resultado con decimales al nmero ms cercano, con slo presionar un botn.

Las cajas de texto que contiene esta calculadora estn diseadas para trabajar nicamente con nmeros, en caso de que apareciera un smbolo no numrico, el programa le dar al usuario, la posibilidad de cambiarlo, ya que con ese smbolo no obtendr ningn resultado. La caja de texto que muestra el resultado no puede ser modificada por el usuario, de esta manera el resultado no puede ser alterado, y las cuentas siempre sern correctas.

Por ltimo, si el usuario tiene la necesidad de borrar rpidamente el contenido de las cajas de texto, puede hacerlo a travs del botn Clear, el cual limpia las tres cajas simultneamente.

Codificacin
<html> <head> <title> Calcualdora </title> <style> table { background-color:#CC0066; } #nro1{ background-color:#666699; font-size:24; font-family:calibri; } #nro2{ background-color:#666699; font-size:24; font-family:calibri; } #etq1{ color:#FFFFFF; font-size:24; font-family:calibri; } h1{ color:#FFFFFF;

font-size:24; font-family:calibri; }

button{ color:#FFFFFF; background-color:#3399FF; font-size:24; font-family:calibri; }

#result{ background-color:#666699; font-size:24; font-family:calibri; } </style> <script language="javascript"> function calcular(x){ if(x==1) { a=new Number(); a=parseFloat(document.funo.nro1.value); var b=new Number(); b=parseFloat(document.funo.nro2.value); z=Math.round(a+b); while(isNaN(a)){ a=prompt("Ingrese el primer nmero"," ");

document.funo.nro1.value=a; a=parseFloat(a); } while(isNaN(b)){ b=prompt("Ingrese el segundo nmero"," "); document.funo.nro2.value=b; b=parseFloat(b); } document.funo.result.value=(a+b); } if(x==2){ var a=new Number(); a=parseFloat(document.funo.nro1.value); var b=new Number(); b=parseFloat(document.funo.nro2.value); z=Math.round(a-b); while(isNaN(a)){ a=prompt("Ingrese el primer nmero"," "); document.funo.nro1.value=a; a=parseFloat(a); } while(isNaN(b)){ b=prompt("Ingrese el segundo nmero"," "); document.funo.nro2.value=b; b=parseFloat(b); } document.funo.result.value=(a-b); }

if(x==3){ var a=new Number(); a=parseFloat(document.funo.nro1.value); var b=new Number(); b=parseFloat(document.funo.nro2.value); z=Math.round(a*b); while(isNaN(a)){ a=prompt("Ingrese el primer nmero"," "); document.funo.nro1.value=a; a=parseFloat(a); } while(isNaN(b)){ b=prompt("Ingrese el segundo nmero"," "); document.funo.nro2.value=b; b=parseFloat(b); } document.funo.result.value=(a*b); }

if(x==4){ var a=new Number(); a=parseFloat(document.funo.nro1.value); var b=new Number(); b=parseFloat(document.funo.nro2.value); z=Math.round(a/b); if(isNaN(a)){ document.funo.nro1.value="es una letra" }

else{ if(isNaN(b) || b==0) { if(b==0){ document.funo.nro2.value="error"; } else{ document.funo.nro2.value="no alfa"; } } else{ document.funo.result.value=(a/b); } } }

if(x==5){ var i=0; var resultado=1; if(document.funo.nro2.value==0){ document.funo.result.value=resultado; } else{ var a=new Number(); a=parseFloat(document.funo.nro1.value); var b=new Number(); b=parseFloat(document.funo.nro2.value); x=Math.pow(a,b);

z=Math.round(x); (document.funo.result.value)=(x); }

} if(x==6){ document.funo.nro1.value=""; document.funo.nro2.value=""; document.funo.result.value=""; } } </script> </head> <body> <form id="funo" name="funo"> <table border=1 align="center"> <tr> <td align="center"><h1>--Calculadora--</h1> </td> </tr> <td align="center"> <input type="text" id="nro1" name="nro1" value="0"> </td> <td align="center"> <input type="text" id="nro2" name="nro2" value="0"> </td> <td> <label id="etq1" name="etq1">=</label>

</td> <td align="center"> <input type="text" id="result" name="result" value="0"onfocus="javascript:this.blur();"> </td> </tr> <tr> <td align="center"> <button onclick="javascript:calcular(1)";> +</button> </td> <td align="center"> <button onclick="javascript:calcular(2)";>-</button> </td> <td align="center"> <button onclick="javascript:calcular(3)";>*</button> </td> </tr> <tr> <td align="center"> <button onclick="javascript:calcular(4)";> /</button> </td> <td align="center"> <button onclick="javascript:calcular(5)";>^</button> </td> <td align="center"> <button onclick="javascript:calcular(6)";>Clear</button> </td>

<td align="center"><button onclick="document.funo.result.value=z";>Redondear</button> </td> </tr> </table> </form> </body> </html>

Вам также может понравиться