1
00:00:00,690 --> 00:00:20,309
Vamos a ver un ejemplo de la tabla de multiplicar, vemos aquí he puesto un 5, pone todo 5, empieza a recorrerlo, de acuerdo, esto es un bucle y después hace una operación que está aquí, os dais cuenta, número 5, la i que se va incrementando dentro de un for y después lo que hace es poner aquí la multiplicación.

2
00:00:20,309 --> 00:00:22,309
vamos a ver, imaginaros

3
00:00:22,309 --> 00:00:24,530
que pongo un 5, vamos a ver, pongo un 8

4
00:00:24,530 --> 00:00:26,309
mostrar y

5
00:00:26,309 --> 00:00:28,129
otra vez lo mismo, de acuerdo

6
00:00:28,129 --> 00:00:29,730
ya hemos visto como funciona

7
00:00:29,730 --> 00:00:32,049
ahora vamos a ponernos por aquí

8
00:00:32,049 --> 00:00:34,030
vemos unos documentos, un index

9
00:00:34,030 --> 00:00:35,590
un javascript

10
00:00:35,590 --> 00:00:38,409
aquí está la tabla multiplicar, está en la misma

11
00:00:38,409 --> 00:00:40,049
la misma ruta

12
00:00:40,049 --> 00:00:42,009
con lo cual lo pongo al lado, mira que al lado tienes

13
00:00:42,009 --> 00:00:44,350
tabla multiplicar, lo tienes aquí, .js

14
00:00:44,350 --> 00:00:46,509
este es .html

15
00:00:46,509 --> 00:00:48,090
bien, ponemos

16
00:00:48,090 --> 00:00:49,689
tabla de multiplicar está aquí

17
00:00:49,689 --> 00:01:18,290
vale, un formulario se envía mostrar tabla, mostrar tabla está aquí, de acuerdo, el javascript que esta es la función, vale, miremos aquí, número, bueno, esto es una etiqueta label, etiqueta, introduce número, aquí viene, bien, ahora es el input que significa este cuadradito de tipo número y que es requerido que le pongas un número, oye mira, ponme algo, vale, un número, botón enviar, pues este de aquí,

18
00:01:18,290 --> 00:01:47,769
que cuando yo le ponga, por ejemplo, un 80 ya es demasiado, un 7 porque es que si no, ahí, ya lo tienes, le das, enviar, venga, ahora viene aquí algo importante, esto es una capa y va a ser lo que se va a rellenar, es decir, esta operación que la tenemos aquí, tabla, si os doy cuenta, meter html y todo esto que hemos puesto que es una tabla, de acuerdo, que es una lista, de acuerdo, pues se va a meter aquí dentro, dentro de un div que es una capa,

19
00:01:48,290 --> 00:02:12,629
Bien, entonces, si os dais cuenta, arrancamos el ejercicio vacío, que es como estaba primero, y ahora vamos a llenar la capa con un número. Vamos a poner un 2, y ahora, al hacer clic, se envía a este de aquí todo esto, ¿de acuerdo? Se calcula y con el innerHTML se mete aquí, en el div con la tabla, y se rellena. Lo vemos. Vale.

20
00:02:12,629 --> 00:02:24,830
Ahora pasemos al siguiente código, ¿de acuerdo? Bueno, aquí te dice este event, lo podéis poner aquí, ¿de acuerdo? Lo ponéis aquí el event, quitáis el dis y se quitaría el error.

21
00:02:25,830 --> 00:02:31,349
Vamos a probarlo, por ejemplo, bueno, después lo probamos. Esto únicamente es por la cuestión de la recarga de la página.

22
00:02:32,129 --> 00:02:41,069
Tened en cuenta que cuando le doy a mostrar, ¿de acuerdo? Están intentando, tienes un evento, todo lo que pasa en la página, que no se recargue y tal, lo que hacen es capturarlo.

23
00:02:41,069 --> 00:02:57,409
Bueno, dice el documento coger elemento por identificación número, que está aquí, identificación número, y ¿cuál es ese número? El 2. Pues ya están guardándote, vamos a ver, te están guardando aquí el número, el 2.

24
00:02:57,409 --> 00:03:04,370
El número que te hace aquí, una comprobación con un if, 2 es mayor que 0, 2 es igual que 10, verdadero, ¿por qué?

25
00:03:04,969 --> 00:03:14,189
Porque te están diciendo que si tú llegas aquí y por ejemplo le pones un 15, pues te va a decir que tienes esos valores para estar mostrando, ¿de acuerdo?

26
00:03:17,750 --> 00:03:21,930
Es que si no, imaginaros que hacemos una tabla de multiplicar súper grande, ¿vale?

27
00:03:21,930 --> 00:03:43,729
Entonces, bueno, aquí vamos a ver, ahora empieza, crea una variable tabla, documento, coger elemento por tabla, con lo cual te está cogiendo el div, ¿de acuerdo? Que es el que vas a rellenar, vale, y ahora tabla multiplicar otra variable y te pone un encabezado, bueno, este de aquí va a ser el que va a poner y el que va a meter luego aquí dentro, ¿de acuerdo?

28
00:03:43,729 --> 00:03:58,710
Hace un for y te hace una operación matemática. ¿Qué te está haciendo? Te pone un h2, es un encabezado, ul es una lista, lo que vemos aquí, y una lista, cuando tiene números, desordenada, con un li.

29
00:03:59,530 --> 00:04:10,629
Te va metiendo varios li, que lo vas viendo aquí, ul con varios li, lo que es una lista desordenada. De 0 hasta 10. De 0 a 10, un for, esto no escribe nada y va de 1 en 1.

30
00:04:10,629 --> 00:04:35,110
Bueno, pues aquí ya, número, pues el número que tenías, ¿cuál era? El que hemos dicho, el 3, que es el que viene aquí, el 3, la i, que es esta de aquí, de 1 en 1 va, de 0 hasta 10, y después te multiplica, que es esta de aquí, la última, te multiplicará, vamos a ver, el número que has puesto, 3 por 0, 0, 3 por 1, 3, que es lo que te está haciendo esto de aquí, pero se refleja aquí.

31
00:04:35,110 --> 00:04:39,089
después termina la tabla, perdona, la lista, de acuerdo

32
00:04:39,089 --> 00:04:43,129
y con el innerHTML, tabla, que lo tenías aquí, que has puesto

33
00:04:43,129 --> 00:04:47,269
que está aquí, identificado, lo has cogido por su identificador, le metes

34
00:04:47,269 --> 00:04:51,009
todo el li, perdona, toda la tabla, toda la

35
00:04:51,009 --> 00:04:54,529
lista que has hecho, y aquí aparece la lista

36
00:04:54,529 --> 00:04:59,149
y después aquí lo único que te sale es la alerta, que hemos dicho antes, si pongo un número

37
00:04:59,149 --> 00:05:03,129
más grande, por ejemplo, un, vamos a poner algo así

38
00:05:03,129 --> 00:05:07,310
un 20, te sale una alerta y te dice lo que está diciendo

39
00:05:07,310 --> 00:05:09,949
aquí, el número introducido debe estar entre estos valores

40
00:05:09,949 --> 00:05:15,589
document, elemento, número, vale, value igual a vacío

41
00:05:15,589 --> 00:05:19,009
vale, pues te deja otra vez, lo aceptas, te lo vacía

42
00:05:19,009 --> 00:05:23,529
de acuerdo, donde está el número, lo que te está diciendo

43
00:05:23,529 --> 00:05:27,310
el número donde está, aquí, de acuerdo, lo ha cogido y lo que hace

44
00:05:27,310 --> 00:05:30,870
es que cuando pongo un número más grande, por ejemplo

45
00:05:30,870 --> 00:05:39,189
luego vamos a ver, 21, este 21 que haya, desaparezca, tenemos el 21, aceptar y ha desaparecido,

46
00:05:39,769 --> 00:05:46,009
vamos a meter un número, la del 6, mostrar y lo podemos ver de nuevo, de acuerdo, como

47
00:05:46,009 --> 00:05:53,389
te va creando esto que está de nuevo vacío, lo hemos recargado, ponemos un 6 y la lista

48
00:05:53,389 --> 00:05:58,810
entera que hemos puesto se va a introducir en el div, mostrar, de acuerdo, y ahí lo

49
00:05:58,810 --> 00:06:10,810
tenéis. Ahora vamos a intentar un poco reparar esto, a ver, es que es un código un poco antiguo, ¿de acuerdo? Lo ponemos aquí, ahí, no ha saltado mucho y ahora

50
00:06:10,810 --> 00:06:21,069
se ha quitado, ¿de acuerdo? Tenemos que salvar, salvamos el multiplicar, nos ponemos en esta otra de aquí y le pasamos el evento, los eventos que ocurran en el

51
00:06:21,069 --> 00:06:40,089
formulario, de acuerdo, ya está, salvamos y recargamos la página, ponemos un 5, mostrar y funciona, bueno, la diferencia es, ha funcionado y está actualizado el código, o sea, queda un poco deprecado, antiguo