Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Calculadora con Javascript (iii)
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, ¿a qué me refería con esa cosa curiosa que digo que voy a enseñar?
00:00:00
Pues hasta aquí, todo el código es exactamente igual, todo el código es igual, acabamos con el warning y vamos a añadir esto de aquí.
00:00:05
Lo que queremos es manejar la calculadora también con teclas.
00:00:14
Bueno, aquí no me vais a ver mucho, pero sí vais a ver que el ratón no lo muevo, con lo cual voy a ver, dejo ahí el ratón fijo, 25 más 9, Enter, 34.
00:00:18
Justo, justo lo que queríamos. Voy a pulsar la C y ahora voy a escribir cualquier otra cosa. 25. Bueno, pues ahí tenemos la calculadora funcionando con teclas.
00:00:30
Bien, la cuestión es muy simple
00:00:43
Podemos añadirle un método que diga cuando carga la ventana
00:00:47
Vamos a llamar a una función en la cual avisamos de que cuando se pulsa una tecla
00:00:55
Llamemos a la función teclas, tan simple como esto
00:01:02
Esto mismo hubiéramos podido ponerlo, esta expresión, dentro de la etiqueta body
00:01:06
body onload igual a
00:01:10
y haber puesto esta expresión dentro
00:01:13
pero queda así bastante más elegante
00:01:15
porque separamos completamente
00:01:17
el código de la calculadora
00:01:18
de la parte
00:01:21
html de la parte de javascript
00:01:23
bueno
00:01:25
pues
00:01:26
aquí viene el código, no es tan largo
00:01:27
a las teclas
00:01:31
se les pasa un evento, siempre aparece
00:01:33
un evento
00:01:35
generalmente en los programas se ven cosas del tipo
00:01:35
en este caso
00:01:39
y no sé cuánto y tal cuando busquen código por ahí que es como la gente lo suele poner y entonces
00:01:40
por lo primero que miro es de qué tipo de evento estamos hablando pero no es nada especial paso
00:01:48
de completamente 13 es la tecla enter con lo cual llamar a do it justamente aquel igual y en otro
00:01:56
caso voy a leer cuál me llega, voy a convertirlo en código de carácter, en cadena de caracteres
00:02:03
y voy a empezar a teclear. Entonces, por nada, si la tecla es desde el 0 hasta el 9, pues
00:02:13
llamo a num del parseInt de la tecla, es decir, convierto este valor en un valor entero y
00:02:19
llamo a num, igual que hacía antes. Si es más, menos, asterisco o barra, pues ya sabemos
00:02:26
que es la operación, con lo cual llamo aop de la tecla. Si es il igual, pues do it. Y
00:02:33
si es la c minúscula o mayúscula, pues llamo aint. Bueno, pues ya ven que realmente no
00:02:39
había mucho código que implementar para convertir esta calculadora, no solamente para
00:02:47
manejarla con los cursores, con el ratón, sino también manejarla con el teclado. Espero
00:02:53
que les haya gustado
00:03:02
- 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:
- 70
- Fecha:
- 20 de marzo de 2020 - 19:53
- Visibilidad:
- URL
- Centro:
- IES CLARA DEL REY
- Duración:
- 03′ 05″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1364x768 píxeles
- Tamaño:
- 23.13 MBytes
