04 agosto de 2011 ~ 3 Comentarios

Calculadora Automática JavaScript

Desarrollo Web Jaleo Tecnología

Seguramente más de una vez habéis necesitado incorporar a vuestra página web una calculadora sencilla, aquí os dejamos una de cosecha propia.

Ver Ejemplo

Para descargaros el ejemplo sólo tenéis que visualizar el código fuente del ejemplo y copiarlo en vuestro editor de código favorito.

De todas formas a continuación os mostramos el código, es muy sencillo y ampliable:

Calculadora Automática JavaScript

El HTML:

</pre>
<div>
<h1>Calculadora Automática JavaScript</h1>
<form id="form" name="form"><input id="campo1" onblur="calcular();" type="text" name="campo1" size="20" maxlength="20" />
<select name="operador" onchange="calcular();"> <option selected="selected" value="+">+</option></select>
<select name="operador" onchange="calcular();"><option value="-">-</option></select>
<select name="operador" onchange="calcular();"><option value="*">*</option></select>
<select name="operador" onchange="calcular();"><option value="/">/</option></select>

<input id="campo2" onblur="calcular();" type="text" name="campo2" size="20" maxlength="20" />
=
<input id="resultado" onblur="calcular();" type="text" name="resultado" size="20" maxlength="20" /></form>
<div>
ArmandoJaleo - <a href="http://www.armandojaleo.com">armandojaleo.com</a> | Icono de <a href="http://www.aha-soft.com/" target="_blank">Aha soft</a> -<a href="http://www.desktop-icon.com/stock-icons/license.htm" target="_blank"> Licencia Aha soft</a></div>
</div>
<pre>

El JavaScript:

<script type="text/javascript" language="JavaScript">// <![CDATA[
function calcular(){
var campo1 = new Number(document.form.campo1.value);
var operador = document.form.operador.value;
var campo2 = new Number(document.form.campo2.value);
resultado = eval(campo1 + operador + campo2);
document.form.resultado.value = resultado;
}
// ]]></script>

El CSS:

VN:F [1.9.14_1148]
Rating: 9.3/10 (3 votes cast)
Calculadora Automática JavaScript, 9.3 out of 10 based on 3 ratings
Tags: , , , , , ,

3 Comentarios en “ Calculadora Automática JavaScript ”

  1. diablo 3 12 septiembre de 2011 - 04:38 Permalink

    Excellent data. Lucky me I reach on your web site by accident, I bookmarked it.

    VA:F [1.9.14_1148]
    Rating: 10.0/10 (1 vote cast)
    Responder
  2. Armando Jaleo 4 agosto de 2011 - 12:43 Permalink

    Gracias Pau, en eso estamos…

    Saludos! :)

    VN:F [1.9.14_1148]
    Rating: 10.0/10 (1 vote cast)
    Responder
  3. Pau 4 agosto de 2011 - 12:25 Permalink

    Esta calculadora javascript estará genial integrada en un entorno web propicio que multiplique su posibilidades ;)

    Enhorabuena Armando!

    VA:F [1.9.14_1148]
    Rating: 10.0/10 (2 votes cast)
    Responder

Deja un Comentario