1
00:00:00,170 --> 00:00:04,320
En este video hay algunos pequeños cambios que quiero hacer y luego voy a hablar

2
00:00:04,320 --> 00:00:06,330
sobre cómo podríamos refactorizar esto un poco.

3
00:00:06,330 --> 00:00:09,570
Entonces, el primer cambio es cuando ganamos este juego.

4
00:00:09,840 --> 00:00:11,860
Así que ganemos aquí.

5
00:00:11,880 --> 00:00:16,320
Ahí vamos y recibo este mensaje correcto y hago clic en jugar de nuevo.

6
00:00:16,710 --> 00:00:18,080
Todavía dice correcto.

7
00:00:18,300 --> 00:00:22,030
Y queremos que restablecer, que es un cambio muy rápido.

8
00:00:22,320 --> 00:00:27,330
cuando hacemos clic en jugar de nuevo, luego tenemos que cambiar el lapso que tenemos aquí y dejarlo vacío.

9
00:00:27,330 --> 00:00:30,730
Todo lo que tenemos que hacer es encontrar el código que se ejecuta

10
00:00:30,750 --> 00:00:33,760
Así que busquemos que haga esta pantalla completa.

11
00:00:34,410 --> 00:00:38,570
Entonces cuando hacemos clic en ese botón de reinicio que está aquí.

12
00:00:39,360 --> 00:00:44,190
Todo lo que tenemos que hacer es cambiar nuestra pantalla que llamamos pantalla de mensajes.

13
00:00:44,190 --> 00:00:48,090
Entonces haremos eso aquí en cualquier lugar.

14
00:00:48,090 --> 00:00:57,960
El texto de la pantalla de mensajes sube el contenido de texto igual a una cadena vacía.

15
00:00:58,360 --> 00:01:00,330
Y veamos cómo va eso.

16
00:01:00,540 --> 00:01:01,730
Refrescar.

17
00:01:01,810 --> 00:01:03,740
De acuerdo, hagamos clic hasta que ganemos.

18
00:01:04,050 --> 00:01:05,680
OK, entonces dice correcto aquí.

19
00:01:05,790 --> 00:01:09,440
Y si hago clic en jugar de nuevo, eso desaparece.

20
00:01:09,660 --> 00:01:15,270
El otro pequeño cambio que quiero hacer es que este botón solo diga jugar una vez que

21
00:01:15,270 --> 00:01:16,290
el usuario gane.

22
00:01:16,320 --> 00:01:20,760
Así que actualizaré la página y dice nuevos colores, que es cómo queremos que funcione.

23
00:01:20,760 --> 00:01:23,910
Entonces, si gano, me pregunta si quiero volver a jugar.

24
00:01:24,120 --> 00:01:30,080
Y luego, si hago clic nuevamente en jugar, quiero cambiar el texto del botón para volver a Nuevos colores.

25
00:01:30,090 --> 00:01:35,280
Así que realmente es una pequeña diferencia, pero solo quiero mostrar el juego nuevamente si el usuario acaba de ganar.

26
00:01:35,850 --> 00:01:41,820
Así que ingrese a nuestro código y necesitamos encontrar el lugar donde el usuario gana el juego que está justo aquí

27
00:01:41,820 --> 00:01:44,240
cuando el usuario hace clic en el color elegido.

28
00:01:44,370 --> 00:01:50,970
Entonces, cuando el usuario hace clic en el color correcto, cambiamos el texto del botón de reinicio para decir contenido de texto, pero luego

29
00:01:50,970 --> 00:01:56,650
lo que queremos hacer es que cuando el usuario haga clic en el botón de restablecimiento vamos a cambiar eso.

30
00:01:56,790 --> 00:02:05,040
Este contenido de texto de punto para volver a Nuevos colores y también podríamos escribir un botón de reinicio.

31
00:02:05,040 --> 00:02:09,540
Pero es más fácil hacer esto porque estamos dentro del detector de eventos para el botón de reinicio.

32
00:02:10,050 --> 00:02:15,270
Y eso debería ser bueno si actualizamos rápidamente hasta que obtengamos el correcto.

33
00:02:15,360 --> 00:02:16,440
Queremos jugar de nuevo.

34
00:02:16,680 --> 00:02:17,480
Por supuesto.

35
00:02:17,490 --> 00:02:24,350
Ahora vuelve a los Nuevos colores y cada vez que dice colores nuevos una y otra vez, y si gano, es el

36
00:02:24,360 --> 00:02:26,900
único momento en que dice volver a jugar.

37
00:02:26,910 --> 00:02:31,770
Así que una cosa realmente menor pero me parece realmente molesto es que cuando hago clic en uno de

38
00:02:32,220 --> 00:02:34,350
estos botones tiene un contorno molesto a su alrededor.

39
00:02:34,680 --> 00:02:36,990
Y esto es en realidad nuestro navegador haciendo eso.

40
00:02:36,990 --> 00:02:38,560
Y podemos apagar eso.

41
00:02:38,610 --> 00:02:41,940
No sé si puedes ver eso en el molde de la pantalla, pero hay un contorno azul.

42
00:02:42,070 --> 00:02:43,190
Es bastante nocivo.

43
00:02:43,200 --> 00:02:49,560
Entonces, para deshacernos de eso vamos a nuestra hoja de estilos y si seleccionamos nuestros

44
00:02:49,560 --> 00:02:54,290
botones justo aquí, podemos simplemente escribir esquema ninguno y regresar y actualizar.

45
00:02:54,310 --> 00:02:57,810
Ahora, si hacemos clic, no obtenemos ese contorno azul a su alrededor.

46
00:02:57,960 --> 00:03:00,260
Así que eso es todo lo que quería hacer para la lógica del juego.

47
00:03:00,450 --> 00:03:03,500
Ahora queremos dedicarle un poco de tiempo a refacturar su código.

48
00:03:03,630 --> 00:03:04,880
Así que regresemos.

49
00:03:04,980 --> 00:03:10,770
Lo primero que salta a la vista es este código aquí donde tenemos un botón difícil, un botón fácil y

50
00:03:10,770 --> 00:03:12,120
el oyente para cada uno.

51
00:03:12,240 --> 00:03:14,370
Y son muy similares en la forma en que funcionan.

52
00:03:14,370 --> 00:03:17,100
Excepto que uno de ellos funcionará con tres cuadrados.

53
00:03:17,100 --> 00:03:20,860
El otro funciona con seis, pero de lo contrario hacen básicamente lo mismo.

54
00:03:21,090 --> 00:03:23,720
Entonces realmente podemos reducir esa duplicación.

55
00:03:23,880 --> 00:03:30,300
Y en lugar de darle a cada uno una idea, lo que vamos a hacer es deshacernos de esas identificaciones y

56
00:03:30,300 --> 00:03:33,180
darles una clase, y van a compartir la misma clase.

57
00:03:33,390 --> 00:03:37,660
Entonces la clase se llamará modo.

58
00:03:37,770 --> 00:03:39,570
Así que les daremos el modo de clase.

59
00:03:39,600 --> 00:03:42,850
Recuerde que un botón o cualquier elemento puede tener dos clases.

60
00:03:42,870 --> 00:03:45,010
Solo necesitan estar separados por espacios.

61
00:03:45,030 --> 00:03:48,030
Entonces esto tiene el modo de clase y la clase seleccionados.

62
00:03:48,420 --> 00:03:49,020
DE ACUERDO.

63
00:03:49,160 --> 00:03:56,460
Ahora vamos a ir y eliminar estos dos botones aquí y hacer una lista de botones llamados botones de modo y

64
00:03:56,460 --> 00:03:59,220
ese será un documento que consulta al selector.

65
00:03:59,350 --> 00:04:03,090
Paul datt mode.

66
00:04:03,160 --> 00:04:05,410
Entonces eso nos da dos botones.

67
00:04:05,700 --> 00:04:08,360
Luego, recorreremos los botones de modo.

68
00:04:08,370 --> 00:04:13,020
Entonces necesitamos que var sea igual a cero.

69
00:04:13,290 --> 00:04:16,740
Menos que el botón de modo sorprendente.

70
00:04:16,910 --> 00:04:23,250
Y lo que esto también nos permitirá hacer es si en el futuro queremos agregar un modo de dificultad medio o normal

71
00:04:23,280 --> 00:04:25,380
o un modo de dificultad súper duro.

72
00:04:25,470 --> 00:04:30,990
y luego usando un ciclo versus Aquí tenemos que escribir uno manualmente por cada botón que agreguemos.

73
00:04:30,990 --> 00:04:34,800
No tenemos que agregar oyentes adicionales porque los estamos seleccionando todos

74
00:04:35,100 --> 00:04:35,330
DE ACUERDO.

75
00:04:35,340 --> 00:04:36,480
Así que termine el ciclo aquí.

76
00:04:36,570 --> 00:04:37,740
Plus plus.

77
00:04:38,100 --> 00:04:49,360
Y lo que vamos a hacer es agregar los botones de modo I dot add click listener click y lo dejarán así

78
00:04:49,360 --> 00:04:50,590
por ahora.

79
00:04:50,590 --> 00:04:56,020
Antes de ir más allá, en realidad voy a comentar el código solo para poder decir qué se está

80
00:04:56,020 --> 00:05:01,100
ejecutando desde nuestro nuevo código y qué queremos que suceda cuando hagamos clic en uno de esos botones.

81
00:05:01,210 --> 00:05:05,580
Lo primero que queremos que suceda es que se aplique esa clase seleccionada.

82
00:05:05,680 --> 00:05:07,260
Así que ahora mismo es solo cuando volamos.

83
00:05:07,300 --> 00:05:10,220
Obtenemos ese color que quiero que sea cuando hacemos clic.

84
00:05:10,780 --> 00:05:20,140
Así que tenemos que hacer esta lista de puntos dot dot add seleccionada así, que es lo que tenemos aquí, excepto que lo estamos

85
00:05:20,170 --> 00:05:23,510
haciendo con el botón fácil y el botón duro.

86
00:05:23,710 --> 00:05:27,070
Podemos simplemente hacer esto, que se refiere a lo que se hizo clic en.

87
00:05:27,220 --> 00:05:31,180
El único problema es que debemos desactivarlo también.

88
00:05:31,540 --> 00:05:42,400
poco y escribir botones de modo zero dot class list dot remove remove y luego lo eliminaremos del otro también.

89
00:05:42,550 --> 00:05:47,320
Y para hacer eso vamos a codificar esto un

90
00:05:47,800 --> 00:05:49,360
Entonces, porque solo hay dos botones.

91
00:05:49,390 --> 00:05:50,550
Esto no es un problema.

92
00:05:50,560 --> 00:05:55,840
Lo que estamos haciendo es quitarlo de ambos botones solo para estar seguros y luego agregarlo

93
00:05:55,840 --> 00:05:57,690
al que acabamos de hacer clic.

94
00:05:57,700 --> 00:06:00,690
Así que ahora si probamos esto y refrescamos.

95
00:06:01,030 --> 00:06:05,560
Puede ver que solo se agrega al que acaba de hacer clic y se

96
00:06:05,560 --> 00:06:06,630
elimina del otro.

97
00:06:06,640 --> 00:06:10,900
Entonces, lo que tenemos que hacer a continuación es agregar la mayor parte de la lógica aquí para estos botones.

98
00:06:11,080 --> 00:06:26,290
Así que tenemos que averiguar cuántos cuadrados mostrar para elegir nuevos colores y luego tenemos que elegir un nuevo color para elegir, que es el

99
00:06:26,310 --> 00:06:30,420
color con el que intentamos hacer clic.

100
00:06:30,670 --> 00:06:37,850
Y finalmente, queremos actualizar la página para reflejar los cambios.

101
00:06:38,110 --> 00:06:43,810
Entonces para hacer todo esto voy a hacer una nueva función y la función que voy a

102
00:06:43,810 --> 00:06:49,060
llamar restablecer y esto es algo que vamos a usar en algunos lugares porque estamos repitiendo

103
00:06:49,060 --> 00:06:55,030
estos pasos a mucho escogiendo nuevos colores seleccionando un nuevo color elegido de la matriz de colores y

104
00:06:55,150 --> 00:06:59,650
luego actualizando la página para mostrar los nuevos colores y actualizando esta pantalla aquí.

105
00:06:59,650 --> 00:07:03,400
Estamos haciendo eso todo el tiempo, así que voy a poner todo eso en una función.

106
00:07:03,400 --> 00:07:08,500
Entonces, lo que tenemos que hacer dentro de esta función es que realmente voy a copiar desde aquí.

107
00:07:08,530 --> 00:07:09,860
Ya hemos hecho esto aquí.

108
00:07:09,990 --> 00:07:15,200
Iba a copiar todo esto en nuestro Restablecimiento así como así.

109
00:07:15,430 --> 00:07:17,150
Y echemos un vistazo a lo que está sucediendo.

110
00:07:17,350 --> 00:07:24,740
Entonces, en lugar de reiniciar o generar los colores aleatorios según la variable de cuadrados insensibles, y luego estamos escogiendo

111
00:07:24,740 --> 00:07:29,310
un nuevo color, estamos cambiando el contenido de las pantallas de colores.

112
00:07:29,530 --> 00:07:32,020
Tenemos este contenido de texto igual a nuevos colores.

113
00:07:32,050 --> 00:07:37,060
Y eso en realidad no funcionará porque esto solía referirse al botón de reinicio.

114
00:07:37,390 --> 00:07:40,420
Y eso fue dentro del evento en el centro para el botón de reinicio.

115
00:07:40,540 --> 00:07:43,240
Ahora estamos en lugar de una función separada llamada reinicio.

116
00:07:43,270 --> 00:07:45,720
Entonces necesitamos codificarlo como un botón de reinicio.

117
00:07:45,880 --> 00:07:49,140
Y luego estamos cambiando la pantalla de mensajes para que esté vacía.

118
00:07:49,570 --> 00:07:54,660
Y luego estamos recorriendo todos los cuadrados y estamos actualizando su color.

119
00:07:54,970 --> 00:07:57,920
Y luego estamos cambiando el fondo del 8: 1 al azul.

120
00:07:58,180 --> 00:08:02,170
Y si llamamos a eso en lugar de aquí, solo ejecutamos el reinicio.

121
00:08:02,170 --> 00:08:06,760
Hay un pequeño problema, que es que nunca estamos actualizando cuadrados adormecidos.

122
00:08:06,880 --> 00:08:11,870
Entonces, cuando hago clic en el botón fácil, quiero cambiar la variable de cuadrados para que sea tres.

123
00:08:11,920 --> 00:08:15,180
Cuando hago clic en el botón duro, quiero cambiarlo a 6.

124
00:08:15,220 --> 00:08:22,940
Entonces, para hacer ese minuto, vaya aquí y agregue una declaración if y todo lo que podemos hacer es escribir si este contenido de texto.

125
00:08:22,960 --> 00:08:27,880
Entonces, el botón que se hizo clic en si el contenido de texto es igual a fácil.

126
00:08:28,250 --> 00:08:36,510
Lo que vamos a hacer es decir cuadrados entumecidos es igual a tres cuadrados de números de L'es igual a seis.

127
00:08:36,640 --> 00:08:42,130
Y luego llamaremos a la función de reinicio que usará los cuadrados insensibles como se puede ver aquí en nuestra

128
00:08:42,130 --> 00:08:43,030
función de reinicio.

129
00:08:43,150 --> 00:08:47,410
Estamos usando algunos cuadrados para llamar a nuestra función Generar colores aleatorios.

130
00:08:47,600 --> 00:08:51,970
Entonces necesitamos tener algunos cuadrados actualizados que estamos haciendo aquí.

131
00:08:52,000 --> 00:08:57,010
De hecho, hay una manera más corta de escribir esto de la que algunas personas son grandes admiradores.

132
00:08:57,010 --> 00:08:58,580
Se llama operador ternario.

133
00:08:58,570 --> 00:09:01,720
Así que voy a escribirlo primero y luego hablaré sobre cómo funciona.

134
00:09:01,720 --> 00:09:06,350
Entonces este contenido de texto es igual a igual.

135
00:09:06,670 --> 00:09:10,870
Fácil interrogante.

136
00:09:11,000 --> 00:09:19,110
Los cuadrados vacíos equivalen a tres cuadrados insensibles de dos puntos equivalentes a seis.

137
00:09:19,120 --> 00:09:23,710
Entonces esta línea aquí hace exactamente lo mismo que estas cuatro líneas aquí.

138
00:09:23,710 --> 00:09:25,430
Estas cinco líneas.

139
00:09:25,510 --> 00:09:27,360
Entonces se llama operador ternario.

140
00:09:27,400 --> 00:09:28,950
Hay tres partes.

141
00:09:28,960 --> 00:09:30,860
Lo primero es la condición.

142
00:09:31,070 --> 00:09:40,390
Así que puedes leer esto como si este contenido de texto fuera igual a fácil, entonces ningún cuadrado es igual a 3 De lo contrario, ningún

143
00:09:40,450 --> 00:09:42,080
cuadrado es igual a 6.

144
00:09:42,250 --> 00:09:44,060
Entonces es solo una forma de escribir esto.

145
00:09:44,380 --> 00:09:46,280
Y lo mantendré así.

146
00:09:46,270 --> 00:09:51,880
Por lo general, si solo tenemos declaraciones rápidas de una línea en las que establecemos un valor para dos

147
00:09:51,880 --> 00:09:55,970
opciones posibles diferentes, es un buen caso de uso para el operador ternario.

148
00:09:56,600 --> 00:09:59,420
Todavía tenemos un problema, que es que nunca nos estamos escondiendo.

149
00:09:59,420 --> 00:10:01,380
O mostrando el número correcto de cuadrados.

150
00:10:01,390 --> 00:10:03,940
Entonces, ¿qué pasará si actualizo?

151
00:10:04,030 --> 00:10:04,950
Comenzamos en modo difícil.

152
00:10:04,950 --> 00:10:05,860
Eso funciona bien

153
00:10:05,870 --> 00:10:07,290
Todo funciona igual

154
00:10:07,450 --> 00:10:13,240
Si hago clic en easy, aunque todavía tenemos seis cuadrados aquí, verás que los tres inferiores simplemente no

155
00:10:13,240 --> 00:10:16,160
cambian de color porque solo hemos generado tres colores.

156
00:10:16,370 --> 00:10:21,890
Entonces, lo que tenemos que hacer en lugar de nuestra función de reinicio necesitamos dar cuenta de eso.

157
00:10:21,880 --> 00:10:26,750
Así que aquí en lugar de este bucle donde estamos cambiando el color de los cuadrados para que coincida con el

158
00:10:26,740 --> 00:10:28,000
color de la matriz de colores.

159
00:10:28,210 --> 00:10:33,370
Si solo hay tres elementos en la matriz de colores, lo que realmente necesitamos hacer es ocultar los otros

160
00:10:33,380 --> 00:10:34,060
tres cuadrados.

161
00:10:34,270 --> 00:10:40,060
Así que voy a escribir eso con una declaración if y solo voy a verificar si hay un color para pintar.

162
00:10:40,670 --> 00:10:42,070
También hago algo más.

163
00:10:42,110 --> 00:10:47,410
Entonces, si hay un color vamos a pintar o cambiar el color de fondo de los cuadrados.

164
00:10:47,410 --> 00:10:57,200
Yo soy de ese color; de lo contrario, necesitamos cambiar los cuadrados que veo que no son ninguno.

165
00:10:57,320 --> 00:11:02,920
Y eso necesita ser diseñado para mostrarse así.

166
00:11:03,100 --> 00:11:05,130
Y entonces eso lo esconderá por nosotros.

167
00:11:05,360 --> 00:11:12,280
Entonces, ¿qué sucede si hago clic en el botón fácil? Tengo una matriz de colores con tres elementos que

168
00:11:12,280 --> 00:11:14,870
recorren seis cuadrados y vuelvo a revisar.

169
00:11:14,920 --> 00:11:19,790
Si hay un color que coincida con ese cuadrado y para los primeros tres, habrá.

170
00:11:19,820 --> 00:11:22,890
Entonces establecemos el color de fondo para que sea el color de la matriz.

171
00:11:23,020 --> 00:11:26,700
Pero los últimos tres colores voy a ser no.

172
00:11:26,740 --> 00:11:27,910
O de hecho no estará definido.

173
00:11:27,910 --> 00:11:29,240
No habrá un color allí.

174
00:11:29,470 --> 00:11:31,010
Entonces eso es falso.

175
00:11:31,270 --> 00:11:34,560
Y lo que ocurre es que configuramos la pantalla para que no sea ninguna.

176
00:11:34,820 --> 00:11:37,770
Así que te mostraré cómo funciona eso.

177
00:11:38,230 --> 00:11:41,180
Si hago clic en easy, desaparecerán los tres de abajo.

178
00:11:41,170 --> 00:11:43,720
Sigue haciendo clic fácil, obtenemos tres colores nuevos.

179
00:11:43,780 --> 00:11:44,840
Juguemos el juego.

180
00:11:44,840 --> 00:11:46,410
Aquí vamos.

181
00:11:46,450 --> 00:11:52,250
Sin embargo, tenemos un problema: si hago clic en un disco duro, estamos cambiando los seis cuadros

182
00:11:52,240 --> 00:11:59,530
para que tengan un nuevo color Bactrim, pero no ocultamos que los tres inferiores serán suficientes para solucionarlo antes de que proporcionemos

183
00:11:59,530 --> 00:12:01,720
un nuevo fondo. color a los cuadrados.

184
00:12:01,720 --> 00:12:03,960
Voy a seguir adelante y volver a mostrarlos.

185
00:12:03,970 --> 00:12:09,470
Así que va a haber cuadrados, pensé que la visualización del estilo es igual al bloque.

186
00:12:09,590 --> 00:12:11,320
Así que así es como los traemos de vuelta.

187
00:12:11,410 --> 00:12:13,140
Y vamos a hacer eso a los seis.

188
00:12:13,150 --> 00:12:14,170
No es gran cosa.

189
00:12:14,200 --> 00:12:18,490
Entonces, si les damos un color de fondo, siempre nos aseguraremos de que estén visibles primero.

190
00:12:19,340 --> 00:12:24,590
Así que ahora si actualizamos y van a más fácil, tenemos tres juegos.

191
00:12:24,760 --> 00:12:26,160
Hago clic en duro

192
00:12:26,380 --> 00:12:28,070
Ahora tenemos seis llamadas.

193
00:12:28,070 --> 00:12:30,520
Vamos a jugar un juego.

194
00:12:30,520 --> 00:12:33,700
Allí vamos a hacer clic en easy y volvemos a tres.

195
00:12:33,700 --> 00:12:34,280
Todo bien.

196
00:12:34,450 --> 00:12:37,390
Entonces puedes ver que limpiamos un montón de código aquí.

197
00:12:37,510 --> 00:12:39,480
Esto solía ser mucho más tiempo.

198
00:12:39,480 --> 00:12:41,360
Es como tres veces al menos por lo menos.

199
00:12:41,380 --> 00:12:46,120
Y dos oyentes con diferentes clics y ahora nuestro código es relativamente versátil.

200
00:12:46,120 --> 00:12:51,850
media, todo lo que tenemos que hacer es cambiar esta línea aquí donde tendríamos un número más de cuadrados.

201
00:12:51,860 --> 00:12:54,040
Si quisiéramos agregar un botón de dificultad

202
00:12:54,040 --> 00:12:59,950
Tal vez queremos 5 cuadrados o queremos un nivel superdifícil donde tenemos 10 cuadrados solo necesitamos cambiar los cuadrados numéricos

203
00:12:59,950 --> 00:13:06,380
y llamar a nuestra función de reinicio para obtener el siguiente lugar donde podamos usar nuestra función de reinicio es en realidad

204
00:13:06,670 --> 00:13:09,160
cuando hacemos clic en el botón de reinicio .

205
00:13:09,430 --> 00:13:15,050
Entonces, todo lo que tenemos que hacer es reemplazar todo, en lugar del botón de reinicio,

206
00:13:15,040 --> 00:13:17,630
hacer clic en Lisner con solo reiniciar así.

207
00:13:17,650 --> 00:13:19,500
Entonces eso aumenta mucho nuestro código.

208
00:13:19,570 --> 00:13:22,650
Nos deshicimos de 10 o más líneas.

209
00:13:23,170 --> 00:13:26,280
Así que regresemos sin paréntesis.

210
00:13:26,600 --> 00:13:29,020
Vamos al navegador y nos aseguramos de que todavía funcione.

211
00:13:29,020 --> 00:13:31,580
Así que juguemos un juego.

212
00:13:31,850 --> 00:13:35,000
Haga clic en jugar de nuevo y se restablece muy bien.

213
00:13:35,320 --> 00:13:40,750
Hagamos clic en "jugar fácilmente" en otro juego y también se reinicia muy bien.

214
00:13:40,750 --> 00:13:41,430
Todo bien.

215
00:13:41,530 --> 00:13:43,340
Así que aumentamos nuestro código bastante.

216
00:13:43,380 --> 00:13:47,690
Van a deshacerse de estos dos solo para que puedas ver cuánto acortamos todo