Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
La calculadora con Javascript es un ejercicio muy habitual cuando estamos dando los primeros pasos en cualquier lenguaje de programación.
En este ejercicio, voy a programar la calculadora con Javascript de dos maneras diferentes. La primera versión es poco más sencilla, y la segunda se apoya en la primera. En el video tienes el proceso utilizando las dos metodologías.
Resolución del ejercicio…
… utilizando un select desplegable para las operaciones
Podremos seleccionar la operación a realizar (suma, resta, multiplicación y división) utilizando la etiqueta select de HTML.
El ejercicio resuelto
Como puedes ver tanto en el código fuente como en el resultado final, tenemos dos inputs, uno para cada uno de los dos números que vamos a operar con la calculadora, y un select (un desplegable) que nos permitirá escoger la operación que queremos realizar.
Al pulsar el botón de calcular, lo primero que haremos será recoger estos tres valores del formulario y almacenarlos en n1, n2 y op2.
Luego, evaluamos op2 para decidir cual será la la operación que vamos a realizar (suma, resta, multiplicación y división). En función de dicha evaluación la variable r (resultado) tendrá un valor u otro.
Finalmente, la última línea modifica la propiedad innerHTML del elemento cuya id es r2, lo cual nos permitirá pintar el resultado en pantalla.
Código fuente
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
…utilizando botones para seleccionar las operaciones que deseamos hacer
El ejercicio resuelto
En este otro ejemplo, la operación a realizar no será escogida mediante un desplegable, sino seleccionada directamente al pulsar su correspondiente botón.
Con esto, modificaremos el valor de la variable global op, que evaluaremos al pulsar el botón de calcular para calcular el resultado.
Código fuente
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.