1
00:00:00,820 --> 00:00:04,879
Bueno, ¿a qué me refería con esa cosa curiosa que digo que voy a enseñar?

2
00:00:05,620 --> 00:00:14,080
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í.

3
00:00:14,259 --> 00:00:17,260
Lo que queremos es manejar la calculadora también con teclas.

4
00:00:18,699 --> 00:00:30,679
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.

5
00:00:30,820 --> 00:00:43,420
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.

6
00:00:43,420 --> 00:00:47,399
Bien, la cuestión es muy simple

7
00:00:47,399 --> 00:00:55,780
Podemos añadirle un método que diga cuando carga la ventana

8
00:00:55,780 --> 00:01:02,020
Vamos a llamar a una función en la cual avisamos de que cuando se pulsa una tecla

9
00:01:02,020 --> 00:01:06,019
Llamemos a la función teclas, tan simple como esto

10
00:01:06,019 --> 00:01:10,939
Esto mismo hubiéramos podido ponerlo, esta expresión, dentro de la etiqueta body

11
00:01:10,939 --> 00:01:13,459
body onload igual a

12
00:01:13,459 --> 00:01:15,340
y haber puesto esta expresión dentro

13
00:01:15,340 --> 00:01:17,140
pero queda así bastante más elegante

14
00:01:17,140 --> 00:01:18,920
porque separamos completamente

15
00:01:18,920 --> 00:01:21,260
el código de la calculadora

16
00:01:21,260 --> 00:01:23,519
de la parte

17
00:01:23,519 --> 00:01:25,739
html de la parte de javascript

18
00:01:25,739 --> 00:01:26,299
bueno

19
00:01:26,299 --> 00:01:27,859
pues

20
00:01:27,859 --> 00:01:31,219
aquí viene el código, no es tan largo

21
00:01:31,219 --> 00:01:33,280
a las teclas

22
00:01:33,280 --> 00:01:35,120
se les pasa un evento, siempre aparece

23
00:01:35,120 --> 00:01:35,859
un evento

24
00:01:35,859 --> 00:01:39,540
generalmente en los programas se ven cosas del tipo

25
00:01:39,540 --> 00:01:40,680
en este caso

26
00:01:40,680 --> 00:01:48,780
y no sé cuánto y tal cuando busquen código por ahí que es como la gente lo suele poner y entonces

27
00:01:48,780 --> 00:01:56,700
por lo primero que miro es de qué tipo de evento estamos hablando pero no es nada especial paso

28
00:01:56,700 --> 00:02:03,840
de completamente 13 es la tecla enter con lo cual llamar a do it justamente aquel igual y en otro

29
00:02:03,840 --> 00:02:13,659
caso voy a leer cuál me llega, voy a convertirlo en código de carácter, en cadena de caracteres

30
00:02:13,659 --> 00:02:19,979
y voy a empezar a teclear. Entonces, por nada, si la tecla es desde el 0 hasta el 9, pues

31
00:02:19,979 --> 00:02:26,080
llamo a num del parseInt de la tecla, es decir, convierto este valor en un valor entero y

32
00:02:26,080 --> 00:02:33,300
llamo a num, igual que hacía antes. Si es más, menos, asterisco o barra, pues ya sabemos

33
00:02:33,300 --> 00:02:39,439
que es la operación, con lo cual llamo aop de la tecla. Si es il igual, pues do it. Y

34
00:02:39,439 --> 00:02:47,759
si es la c minúscula o mayúscula, pues llamo aint. Bueno, pues ya ven que realmente no

35
00:02:47,759 --> 00:02:53,000
había mucho código que implementar para convertir esta calculadora, no solamente para

36
00:02:53,000 --> 00:03:02,800
manejarla con los cursores, con el ratón, sino también manejarla con el teclado. Espero

37
00:03:02,800 --> 00:03:03,900
que les haya gustado