Vuelve Papa Noel[JavaScript]

por **RTGR** el 21 Nov 2008, 13:17

Bueno perdon por estar inactivo...(Los examenes..). Bueno voy a enseñaros como diseñar una "calculadora" para poder sumar restar dividr y multiplicar en Javascript:

Bueno primero que todo creamos un formulario en html:
<form method="post" action="mailto:direccion@correo.es" name="form1">
Ponemos que introduzca el primer dato en un campo texto: <input type="text" name="op1" (o como quieras llamarle>
<br>
Ponemos que introduzca el segundo dato <input type="text" name="op2">
<br>
Ponemos un tercer campo tipo texto: <input type="text" name="op3"> (Este va a ser para el operador)

Repasamos hemos creado un formulario con 3 campo textos los dos primeros para introducir los numeros y el otro para el operador:
Ahora creamos los botones:
<input type="button" value="calcular" onclick="calculadora()" (Esta funcion que asi se llaman a las de javascript la crearemos ahora mismo y se creaaran en el head de la pagina)
<input type="reset" Value="borrar">
<br>
Y ahora un campo texto donde se visualize el resultado:
Resultado: <input type="text" name="result" size="20">

Bien ahora vamos a la funcion javascript
se crea en el head de la pagina.
<html>
<head>
<script language="javascript">
Primero que todo vamos a comproba que los dato introducidos por el usario son numericos:

function calculadora()
{

window.document.(nombredelformulario en nuestro caso).form1.(nombre del campo).value

osea que lo que el usuario a introducido esta guardado en: window.document.form1.op1.value;
En el campo 2 lo que a introducido esta en : window.document.form1.op2.value;

le asignamos un nombre a cada variable anterior (para ser mas comodo)

opp1=window.document.form1.op1.value;
opp2=window.document.form1.op2.value;

Ahora vamos a utilizar una funcion de Java para transformar los datos en numericos.

opp1=parseInt(opp1);
opp2=parseInt(opp2);

Para que no nos la cuelen y saber si realmente es numerico y en caso de que no lo sea hacer algo tenemos que crear una funcion:
if (isNaN(opp1) ||Esto es decir si el opp1 es igual isNaN(o decir lo mismo que no es numerico y el opp2 lo mismo)isNaN(opp2))
{
alert("No son numeros numericos");
}

Bueno ahora vamos a continuarar si el usuario a introducido los numeros correrctos:

Crearemos un switch para todos los casos de los signos:
switch(window.document.form1.op3.value)
case "+":
necesitaremos la ayuda de otra variable: en este caso (rdo) com podria ser jose o pepe
rdo=opp1+opp2:
window.document.form1.result.value=rdo;==>Y para que es esto? para en el caso de la suma que el resultado aparezca en el campo resultado que hemos creado en ultimo lugar assi se hara con todos
break;
case "-":
rdo=opp1-opp2;
window.document.form1.result.value=rdo;
break;
case "*":
rdo=opp1*opp2;
window.document.form1.result.value=rdo;
break;

case "/":
rdo=opp1/opp2;
window.document.form1.result.value=rdo;
break;

default: (esto se pon een el caso que no sea ni +,-,*,/ que muestre un alert
default:
alert(" no a introducido un signo correcto");
}
}

Y hasta aqui la calculadora si teneis dudas contactar cnmigo: Debe registrarse para ver este enlace. Gracias por su visita.

</script>

Si de verdad os sirven creare mas y bien hechas lo unico perdonad las faltas de ortografia ya que voy muy rapido escribiendo.
Un abrazo

por **newboy** el 23 Nov 2008, 13:16

Uuu, te las currao, yo de Javascript apenas sé, asi que iré probando estas cosillas para ir empezando, ahora lo agrego al principal de apuntes de MPI, buen aporte.

por **RTGR** el 24 Nov 2008, 19:09

De nada haber si esta semanita cuelgo mas porque tengo examenes de Javascript y asi repaso! :coffe:

por **manubarri** el 15 Feb 2009, 15:42

es muy facil

por **newboy** el 15 Feb 2009, 23:49

Ahora estoy dando JavaScript en clase y más o menos se entiende, pero tiene su entretenimiento también..

por **manubarri** el 17 Feb 2009, 21:15

es facil

por **newboy** el 17 Feb 2009, 21:27

¬¬ ya está el experto.. ponte a diseñar unos retos de javascript en vez de decir tanto " es facil.. " xD

por **harko69** el 18 Feb 2009, 11:03

buena respuesta newboy XD

Foro sobre los Ciclos Formativos de Grado Medio ( SMR ) y Superior ( ASIR, DAI, DAM y DAW ).

Vuelve Papa Noel[JavaScript]

Vuelve Papa Noel[JavaScript]

Re: Vuelve Papa Noel[JavaScript]

Re: Vuelve Papa Noel[JavaScript]

Re: Vuelve Papa Noel[JavaScript]

Re: Vuelve Papa Noel[JavaScript]

Re: Vuelve Papa Noel[JavaScript]

Re: Vuelve Papa Noel[JavaScript]

Re: Vuelve Papa Noel[JavaScript]

¿Quién está conectado?