1
00:00:02,540 --> 00:00:08,140
Durante esta semana hemos estado trabajando sobre la calculadora, realizándola con Javascript.

2
00:00:08,519 --> 00:00:10,460
Vamos a ver una posible solución.

3
00:00:12,000 --> 00:00:17,359
Ya les digo que hay varias, hay muchas posibilidades, pero bueno, una calculadora casi todo el mundo sabe cómo es,

4
00:00:17,420 --> 00:00:18,780
como esta que aparece en pantalla.

5
00:00:19,500 --> 00:00:28,940
Es una calculadora típica, típica, típica, en la cual podemos analizar qué es lo que nos va a aparecer.

6
00:00:28,940 --> 00:00:48,740
O simplemente unos botones con los números, una tecla de C que va a ser para limpiar, para hacer un clear de todo el display, después los cuatro símbolos matemáticos habituales y un igual para ver la información.

7
00:00:48,740 --> 00:00:53,000
Vamos a ver cómo trabaja esta calculadora y después pasamos a ver el código.

8
00:00:53,859 --> 00:01:08,920
Lo primero que vemos aquí es que yo puedo teclear cualquier número, 25 más, aquí está apareciendo un poquito de información para saber lo que he tecleado, 36 igual, pues 61.

9
00:01:09,900 --> 00:01:16,359
Si limpio la pantalla, pues 26 dividido 2 igual 3.

10
00:01:16,359 --> 00:01:25,239
Este es el funcionamiento de esta calculadora. No es la única manera de que funcione, puede funcionar en más maneras, pero vamos a ver cómo hemos desarrollado todo el código.

11
00:01:25,819 --> 00:01:35,640
La primera parte ha sido el HTML. En este caso, como ya empieza a ser muy complicado, hemos dividido el HTML y hemos separado el CSS y el Javascript.

12
00:01:35,640 --> 00:01:38,780
entonces aquí vemos los dos enlaces ambos

13
00:01:38,780 --> 00:01:42,060
lo que hemos hecho simplemente es pintar una calculadora

14
00:01:42,060 --> 00:01:47,680
hemos puesto un título y a partir de ahí hemos definido las siguientes áreas

15
00:01:47,680 --> 00:01:51,719
esta parte que llamo control que es la que aparecía aquí arriba

16
00:01:51,719 --> 00:01:58,319
vamos a verla otra vez, esta de aquí, esta de aquí arriba en gris para saber lo que ya habíamos introducido

17
00:01:58,319 --> 00:02:05,299
una parte que es este input donde realmente está apareciendo este cero al inicio

18
00:02:05,299 --> 00:02:08,919
y después poco a poco irían apareciendo los demás caracteres.

19
00:02:10,240 --> 00:02:14,379
Después hemos pintado cuatro filas de botones.

20
00:02:15,099 --> 00:02:16,300
Aquí están las cuatro filas.

21
00:02:16,979 --> 00:02:19,580
Entonces cada una tiene lo que podemos ver en la pantalla

22
00:02:19,580 --> 00:02:23,020
y están asociados a unos métodos que después desarrollaremos.

23
00:02:23,379 --> 00:02:27,199
El 7 al número 7, el 8 al número 8, 9 al número 9,

24
00:02:27,939 --> 00:02:33,060
la división al operador división y así todas las filas

25
00:02:33,060 --> 00:02:46,680
Y en la última, el C al método init, que inicializará la calculadora, el 0 al 0, el igual a aldo, do it, y el más al operador más.

26
00:02:46,919 --> 00:02:56,319
Bueno, ya vemos que no es difícil pintar esta calculadora, esto y un poquito de CSS para darle unos tamaños a los distintos elementos,

27
00:02:56,319 --> 00:03:02,620
los botones, cómo los queremos de tamaño, cómo va a ser el display, etcétera, hacen que la pantalla,

28
00:03:02,620 --> 00:03:09,219
que la visualización de la calculadora sea tal como la mostramos aquí. Bueno, vamos a ir al código.

29
00:03:09,219 --> 00:03:17,199
Ya hemos visto aquí en calculadora.html los métodos que vamos a utilizar y vamos a ir viendo qué es lo que tenemos aquí.