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


2 Comentarios

Escribir Comentario
Anónimo
AUTOR
30 de junio de 2010, 17:14 delete

pero precisamente eso es lo que necesito saber copmo hago para que la calculadora sea funcionel

Responder
avatar
_CarlitoX_
AUTOR
30 de junio de 2010, 20:20 delete

buenas, pues en el enlace esta el ejemplo funcional, si quieres implantarlo a blogger simplemente crea un widget html y colocalo donde quieras, en la entrada esta todo explicado facilmente.... eso si, recuerda colocar el mismo nombre del archivo al formulario, de lo contrario no funcionara...

Responder
avatar

Lamentablemente hay muchos usuarios en la red que han llegado al blog para escribir obscenidades, así que la moderación se hace necesaria. Recuerda utilizar un lenguaje correcto y espera a que sea aprobado.

Si necesitas publicar código haz click en "Conversión" para hacerlo legible.
ConversiónConversión EmoticonEmoticon