Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Calculadora con Javascript (iv)
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:
Bueno, pues vamos a por el tercer vídeo. La calculadora es esta de aquí. La hemos simplificado bastante, la hemos simplificado mucho. Ahora vamos a ver cómo funciona esta calculadora. Aquí ya no hay símbolos de operación ni nada por el estilo.
00:00:00
vamos a ver cómo es el código
00:00:16
bueno, pues un div donde guardamos la calculadora
00:00:18
un
00:00:20
una entrada de texto
00:00:22
que le llamamos data y que en principio
00:00:23
no tiene ningún valor
00:00:26
después el botón famoso del igual
00:00:27
que también sigue llamando a do it
00:00:30
y el mismo que había
00:00:32
el mismo input que había
00:00:33
para mostrar los resultados
00:00:36
en display
00:00:38
hemos cambiado algo de CSS pero sin mayor importancia
00:00:39
es mucho más simple que antes
00:00:42
y hemos
00:00:43
utilizado cosas de antes pero modificándolas
00:00:46
respecto a lo que es el javascript
00:00:48
bueno, el write sigue siendo
00:00:51
idéntico, pero vamos a ver
00:00:52
cómo se ha quedado el do it, en qué se ha quedado
00:00:54
en algo tan pequeño
00:00:57
como esto
00:00:58
y dice algo así como
00:00:59
evalúame lo que
00:01:02
tenga data
00:01:04
el valor de data y escríbelo
00:01:05
digo, bueno
00:01:08
esto es la bomba, vamos a ver si es verdad
00:01:10
entonces digo
00:01:12
Vamos a escribir 12 más 45 igual 57, digo, pues funciona, digo, bueno, pero aparte puedo seguir escribiendo aquí, bueno, vamos a restarle 7, vamos a dar al Enter y efectivamente 50.
00:01:14
es decir, en todo este proceso
00:01:36
lo que hacemos es evaluar toda la expresión
00:01:39
toda la expresión que hay aquí
00:01:43
y simplemente damos al igual y se va actualizando
00:01:46
podemos borrar nuestra expresión, escribir otra, hacer ya lo que queramos
00:01:50
este es el método posiblemente más vago que hay
00:01:54
en el tema de las teclas se ha reducido al mínimo
00:01:57
porque realmente ahora mismo solo tiene interés
00:01:59
darle al enter, darle a nuestro famoso tecla de
00:02:01
returo enter y hace el do it y lo demás nos da exactamente igual
00:02:06
porque todo lo vamos a recoger dentro de este input, esta era posiblemente
00:02:10
la manera más fácil de hacer una calculadora, pero es una pseudo calculadora
00:02:14
no tiene ninguna apariencia a una calculadora tradicional
00:02:17
bueno pues ya espero que con esto hayamos disfrutado las calculadoras
00:02:20
y pasemos ya a cosas distintas de javascript y pasamos a los
00:02:25
siguientes temas. Saludos.
00:02:30
- 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:
- 12
- Fecha:
- 20 de marzo de 2020 - 19:54
- Visibilidad:
- URL
- Centro:
- IES CLARA DEL REY
- Duración:
- 02′ 34″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1364x768 píxeles
- Tamaño:
- 17.56 MBytes