Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

La mejor colección de trucos de Javascript, botones, banners y mas

Bienvenidos a Javascript.com.mx - Todo de Javascript, Midis, Juegos, Tutoriales.

CALCULADORA BASICA

Ejemplo del Javascript:

Código fuente:

Coloca este código dentro de las etiquetas [head] y [/head]

<script language="Javascript">

<!-- Begin Geoff's Web Calculator script
//This script created by Geoff Hudik (geoffhudik@cyberdude.com).
//You can use and/or modify this script, as long as this credit
//line is maintained.

function do_it(ar) 
   { 
   ar.answer.value=eval(ar.answer.value);
   if (ar.answer.value=="undefined") 
      { ar.answer.value=""; }
   if (ar.answer.value=="NaN" || ar.answer.value=="Infinity") 
      {
      ar.answer.value="";
      alert("You can't divide a number by zero.");
      }
   }

function erase(ar)
   { ar.answer.value=""; }

function return_it(ar,string)
   { 
   ar.answer.value+=string;
   if (ar.answer.value=="*") 
      { ar.answer.value=""; }
   if (ar.answer.value=="+") 
      { ar.answer.value=""; }
   if (ar.answer.value=="/")
      { ar.answer.value=""; }
   }

var decimalpoint='.'
var add_it='+'
var subtract_it='-'
var multiply_it='*'
var divide_it='/'

function about()
  { alert("Web Calculator by Geoff Hudik [geoffhudik@cyberdude.com]"); }

//end of Geoff's Web Calculator script -->
</script>

<SCRIPT>
<!-- Activate Cloaking Device

// Called by View Source button - displays text file of source.
function viewSource()
   {
   alert("\nA text file with source will be loaded to the full window.\n\nUse your browser BACK button to return to the examples.");
   top.window.location.href="40-lay1d.txt";
   }

// Deactivate Cloaking -->
</SCRIPT>

Coloca este código entre las etiquetas [body] y [/body]

<CENTER><STRONG><EM>
<FONT COLOR="#000080" SIZE="+3">Web Calculator</FONT>
<BR>
<FONT COLOR="#000000">Submitted by Geoff Hudik</FONT>
</EM></STRONG></CENTER>

<center>
<form name="calculator">
<table border="8" cellspacing="4" cellpadding="2%" bordercolor="#000099">
<tr>
 <td align="center" colspan="5" bgcolor="CC9999">
   <b><font size="1">Calculadora CodigoWeb</font></b>
 </td>
</tr>

<tr>
 <td align="center" colspan="5" bgcolor="FFFF66">
   <input type="text" name="answer" size="18" maxlength="20" value="" action="do(this.form)">
 </td>
</tr>

<tr>
 <td bgcolor="0000FF">
   <input type="button" value=" 1 " onClick="return_it(this.form,1)">
 </td>
 <td bgcolor="0000FF">
   <input type="button" value=" 2 " onClick="return_it(this.form,2)">
 </td>
 <td bgcolor="0000FF">
   <input type="button" value=" 3 " onClick="return_it(this.form,3)">
 </td>
 <td bgcolor="FF0000">
   <input type="button" value="  +  " onClick="return_it(this.form,add_it)">
 </td>
 <td bgcolor="000000">
   <input type="button" value="  =  " onClick="do_it(this.form)">
 </td>
</tr>

<tr>
 <td bgcolor="0000FF">
   <input type="button" value=" 4 " onClick="return_it(this.form,4)">
 </td>
 <td bgcolor="0000FF">
   <input type="button" value=" 5 " onClick="return_it(this.form,5)">
 </td>
 <td bgcolor="0000FF">
   <input type="button" value=" 6 " onClick="return_it(this.form,6)">
 </td>
 <td bgcolor="FF0000">
   <input type="button" value="   -  " onClick="return_it(this.form,subtract_it)">
 </td>
 <td bgcolor="FFFFFF">
   <input type="button" value=" Cl " onClick="erase(this.form)">
 </td>
</tr>

<tr>
 <td bgcolor="0000FF">
   <input type="button" value=" 7 " onClick="return_it(this.form,7)">
 </td>
 <td bgcolor="0000FF">
   <input type="button" value=" 8 " onClick="return_it(this.form,8)">
 </td>
 <td bgcolor="0000FF">
   <input type="button" value=" 9 " onClick="return_it(this.form,9)">
 </td>
 <td bgcolor="FF0000">
   <input type="button" value="   *  " onClick="return_it(this.form,multiply_it)">
 </td>
 <td bgcolor="00FF00">
   <input type="button" value="  ?  " onClick="about()">
 </td>
</tr>

<tr>
 <td align="center" colspan="2" bgcolor="0000FF">
   <input type="button" value=" 0 " onClick="return_it(this.form,0)">
 </td>
 <td bgcolor="0000FF">
   <input type="button" value="  .  " onClick="return_it(this.form,decimalpoint)">
 </td>
 <td bgcolor="FF0000">
   <input type="button" value="   /  " onClick="return_it(this.form,divide_it)">
 </td>
</tr>

</table>
</form>
</center>

© 2004-2007 www.Javascript.com.mx: Javascripts, Tutoriales y Recursos Para Webmasters