Calculadora básica en JavaScript

   En JavaScript llamamos funciones a los distintos métodos que podemos encontrar en un script, las distintas operaciones que realiza el script van en distintas funciones, o por lo menos esa es la idea.

   Para comprender mejor esto hagamos una calculadora simple, el código es el siguiente:

<script type="text/javascript">
function suma (form) {
  a=eval(form.a.value)
  b=eval(form.b.value)
  c=a+b
  form.ans.value=c
}
function resta (form) {
  a=eval(form.a.value)
  b=eval(form.b.value)
  c=a-b
  form.ans.value=c
}
function multi (form) {
  a=eval(form.a.value)
  b=eval(form.b.value)
  c=a*b
  form.ans.value=c
}
function div (form) {
  a=eval(form.a.value)
  b=eval(form.b.value)
  c=a/b
  form.ans.value=c
}
  function pot(form) {
  a=eval(form.a.value)
  b=eval(form.b.value)
  c=Math.pow(a,b)
  form.ans.value=c
}
</script>

   Podemos ver que tenemos distintas operaciones matematicas simples, cada una en una función distinta, explicando lo mas importante "eval(form.X.value)" evalua el dato ingresado y "form.ans.value" lo que hace es retornar el valor de la operación que se hace para que esta sea mostrada mas adelante.

   Pero para que esto funcione debemos crear los botónes que llamen a cada función, y ya que es una calculadora lo haremos con un formulario, el código quedaria así:

<FORM name="formx">
<input type=text size=4 value=0 name="a">
<input type="button" value="+" onClick="suma(this.form)">
<input type="button" value="-" onClick="resta(this.form)">
<input type="button" value="*" onClick="multi(this.form)">
<input type="button" value="/" onClick="div(this.form)">
<input type="button" value="^" onClick="pot(this.form)">
<input type=text size=4 value=0 name="b">
=
<input type="number" value=o name="ans" size=9>
</FORM>

   Aquí lo que hacemos es crear un formulario donde tenemos 5 botones que representan las 5 funciones, 2 entradas del tipo texto, las cuales son "a" y "b", y la respuesta que sera del tipo numérico, que es "ans". Y el resultado final es el siguiente...

=

   Claro, esto no es funcional, si quieres ver el ejemplo funcional cliquea el siguiente enlace

Ejemplo de Calculadora basica JavaScript

Recibe notificaciones por correo