Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Calculadora con Javascript (ii)
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Vamos a analizar el código que tenemos aquí.
00:00:00
En primer lugar tenemos dos variables, operador y resultado, que son variables globales.
00:00:04
Vamos a utilizarlas dentro de las distintas funciones que estamos utilizando.
00:00:09
¿Qué es lo que almacenan?
00:00:15
Pues van a almacenar el primer valor introducido y también el operador que utilizamos.
00:00:16
A falta después de que cuando tecleemos el segundo operador
00:00:24
Pues demos al igual
00:00:29
Entonces, en este caso
00:00:31
Vamos a ir viendo ya, sabiendo lo que almacenan estas dos variables
00:00:33
El resto del código
00:00:36
Inicializar la calculadora simplemente muestra un aviso vacío
00:00:37
La parte de arriba, voy a ponerlo a cero para que lo veamos
00:00:42
Esta parte de aquí arriba es la que muestra, vacía
00:00:45
Y escribe un cero en el display
00:00:48
Justo esto
00:00:52
Vamos a ver, por tanto, write, ya sabemos que va a escribir en el display
00:00:53
Y tenemos su otra función, que es read
00:00:57
Que es lo que hace justamente leer de este display su valor
00:01:01
Y convertirlo al número entero
00:01:05
Bueno, write, ya sabemos que lo que hace es simplemente en valor
00:01:07
Poner el valor que nos pase
00:01:12
¿Qué más funciones teníamos?
00:01:14
Pues teníamos num, y num es tan simple como que se le pasa un dígito
00:01:17
con lo cual leemos el display y si hay algo en ese valor escribimos lo que hubiera por 10 más el dígito
00:01:22
con lo cual vamos construyendo el número, vamos a probar, 3, 6, 5 y vamos construyendo el número 365
00:01:29
si no hubiera nada pues escribimos el primer dígito directamente, es raro, pero bueno
00:01:37
ahora, el siguiente método es OP, que es preparar una operación
00:01:43
Bueno, nos llega una operación y lo primero que hacemos, como está ahora mismo la pantalla, es consultar cuál es ese número, en este caso el 365.
00:01:49
Si hay algo en pantalla, guardamos el operador que nos han pasado, escribimos un 0 y avisamos en la parte de Avisor de unas cosas que después vamos a ver cuando veamos la función.
00:01:59
Entonces voy a darle la operación, más, y efectivamente hemos escrito el 0 y ya está.
00:02:09
Si no hubiera ningún resultado, pues inicializaríamos todo, ¿de acuerdo?
00:02:17
Ahora, ¿qué hace do it?
00:02:22
Do it es lo que se ejecuta cuando pulsamos al igual.
00:02:25
Entonces, lo primero que vamos a hacer en este caso es teclear otro número.
00:02:29
Vamos a darle un valor, es 25.
00:02:32
Entonces, si todo va bien, ahora ejecutará 365 más el 25 que hay aquí.
00:02:35
Con lo cual es lo que va a hacer do it.
00:02:42
Voy a darle al igual.
00:02:44
bueno, pues aquí que es lo que tenemos
00:02:45
leemos el segundo operando
00:02:48
el 25 y vemos el operador
00:02:50
vamos ejecutando
00:02:53
si es un más una suma, si es un menos una resta
00:02:54
si sucesivamente, si es una división
00:02:57
pues tengo cuidado en que divida entre 0
00:02:58
ahora lo vemos
00:03:00
y simplemente voy guardando
00:03:01
voy escribiendo el resultado
00:03:05
en el display
00:03:06
y aviso con el operando
00:03:08
aviso este operando
00:03:11
en el cual lo que voy haciendo es escribir
00:03:12
toda la expresión completamente
00:03:14
bueno, vamos a probar el caso
00:03:16
ya que estamos aquí, vamos a probar el caso de
00:03:18
dividir entre 0, vamos a poner un número
00:03:20
voy a limpiar la pantalla
00:03:22
voy a pintar el 23
00:03:23
voy a dividir entre el valor
00:03:25
0 y voy a darle
00:03:28
igual
00:03:30
pues nos dice que división entre 0
00:03:30
entonces bueno, ya vemos
00:03:33
que podemos empezar a escribir otra cosa
00:03:35
pero ese caso
00:03:38
está contemplado perfectamente
00:03:40
no da ningún tipo de error
00:03:42
este código. Nos queda finalmente warming, que es
00:03:43
una función prácticamente de debug, de depuración, en el cual
00:03:47
pues simplemente vamos viendo que si nos pasan dos cosas, pues
00:03:51
vamos a poner ese valor y ese símbolo, vamos a forzar
00:03:55
esta situación, 23 más, ya veis
00:03:59
que está la situación, si solo me pasan valor
00:04:03
pues es esto que va a ocurrir ahora, paso un 56
00:04:06
y entonces le doy a igual
00:04:11
y ya me han pasado, le hemos incrementado con esa expresión
00:04:15
y cuando no me pasa nada
00:04:19
pues simplemente limpiamos el código
00:04:21
bueno, espero que haya sido interesante
00:04:24
toda esta explicación
00:04:27
y espero que ustedes vayan desarrollándola
00:04:29
voy a hacer un segundo vídeo en el cual voy a añadir a esta calculadora
00:04:32
un elemento muy curioso
00:04:36
y voy a hacer una tercera
00:04:38
para ver el método más simple
00:04:40
para hacer una calculadora
00:04:42
demasiado para vagos
00:04:43
hasta luego
00:04:44
- Idioma/s:
- Materias:
- Informática, Tecnologías de la Información
- Autor/es:
- Amadeo Mora
- Subido por:
- Amadeo M.
- Licencia:
- Reconocimiento - No comercial - Sin obra derivada
- Visualizaciones:
- 10
- Fecha:
- 20 de marzo de 2020 - 19:51
- Visibilidad:
- URL
- Centro:
- IES CLARA DEL REY
- Duración:
- 04′ 46″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1364x768 píxeles
- Tamaño:
- 34.51 MBytes