1
00:00:00,240 --> 00:00:01,080
Dar una buena acogida.

2
00:00:01,080 --> 00:00:06,360
En este video nos enfocaremos en agregar los botones fácil y difícil que afectarán la

3
00:00:06,360 --> 00:00:07,350
dificultad del juego.

4
00:00:07,350 --> 00:00:13,920
Entonces, cuando cargamos la página, ya está seleccionado y vemos seis botones diferentes aquí o seis

5
00:00:13,920 --> 00:00:14,590
cuadrados diferentes.

6
00:00:14,760 --> 00:00:18,610
Y luego puedo hacer clic en easy y eso permanece seleccionado.

7
00:00:18,900 --> 00:00:21,180
Y solo tenemos tres cuadrados para elegir.

8
00:00:21,270 --> 00:00:23,270
Y luego puedo volver al corazón.

9
00:00:23,520 --> 00:00:26,860
Vamos a comenzar añadiendo los dos botones que necesitamos.

10
00:00:27,000 --> 00:00:31,050
Así que voy a ingresar a mi HMO y agregar dos botones.

11
00:00:31,560 --> 00:00:33,800
El primero diremos fácil.

12
00:00:34,020 --> 00:00:37,470
El segundo dirá con fuerza y ​​se actualizará.

13
00:00:37,900 --> 00:00:38,440
DE ACUERDO.

14
00:00:38,520 --> 00:00:40,610
Y eso se ve bien por ahora.

15
00:00:41,160 --> 00:00:44,030
Notarás que nuestro tramo aún no ocupa espacio.

16
00:00:44,300 --> 00:00:46,020
Y veo que aparece algo de texto.

17
00:00:46,020 --> 00:00:51,600
Si presiona esos botones se enfocará en el estilo más adelante, pero hay un elemento del

18
00:00:51,600 --> 00:00:57,600
diseño en el que quiero centrarme, que lo hace parecer seleccionado cuando la página se carga o

19
00:00:57,600 --> 00:01:01,900
cuando elegimos fácil o difícil, el botón correspondiente debe permanecer en azul.

20
00:01:02,160 --> 00:01:06,540
Y la forma en que lo hacemos es usar una clase y activar y desactivar esa clase.

21
00:01:06,540 --> 00:01:11,940
Así que voy a definir una clase aquí y va a ser más simple que este estilo, aquí solo va a

22
00:01:11,940 --> 00:01:12,780
ser un color.

23
00:01:12,810 --> 00:01:18,390
Entonces nuestro color de fondo y la clase se llamarán seleccionados porque eso es lo que estamos haciendo.

24
00:01:18,720 --> 00:01:22,110
Estamos agregando la clase seleccionada al botón que está seleccionado.

25
00:01:22,440 --> 00:01:25,870
Y solo tendrá un fondo establecido para que empiece.

26
00:01:26,280 --> 00:01:33,820
Y luego, lo que vamos a hacer es dar la clase de botón modo duro igual de seleccionada.

27
00:01:34,500 --> 00:01:39,600
Y si actualizamos nuestro código, puede ver que el disco está ocupado.

28
00:01:39,810 --> 00:01:44,540
Es horrible Sí, pero al menos nos muestra que estamos en modo difícil.

29
00:01:44,550 --> 00:01:49,980
Entonces, lo que queremos hacer es agregar el código que es un interruptor que cuando hacen clic en easy y luego la parte

30
00:01:49,980 --> 00:01:54,390
más complicada es mostrar los tres colores cuando haces clic en el easy y los seis colores cuando haces

31
00:01:54,390 --> 00:01:55,070
clic en heart.

32
00:01:55,350 --> 00:01:56,340
DE ACUERDO.

33
00:01:56,610 --> 00:01:58,580
Comencemos aquí.

34
00:01:58,650 --> 00:02:03,750
Para hacer que estos botones realmente funcionen, debemos seleccionarlos en nuestro javascript y luego tener algunos oyentes rápidos

35
00:02:03,750 --> 00:02:08,460
y hacer algunos y ejecutar algunos códigos cuando se hace clic en cada uno de ellos.

36
00:02:08,520 --> 00:02:14,490
Así que hagámoslo más fácil de seleccionar y voy a empezar dándoles a cada uno una ID fácil.

37
00:02:14,590 --> 00:02:22,650
DTN y luego ETN difícil y vamos a cambiar esto si está viendo banderas rojas aquí o si está pensando que

38
00:02:22,650 --> 00:02:24,230
estamos utilizando demasiadas ideas.

39
00:02:24,330 --> 00:02:26,660
Vamos a refacturar esto en solo unos momentos.

40
00:02:26,760 --> 00:02:28,630
Pero vamos a comenzar con dos ID diferentes.

41
00:02:28,650 --> 00:02:30,500
Botón fácil Botón fácil.

42
00:02:30,660 --> 00:02:32,570
Vaya a nuestro javascript y selecciónelos.

43
00:02:32,580 --> 00:02:40,100
Así que var easy ETN es igual al selector de consulta doc del documento con Octa.

44
00:02:40,410 --> 00:02:42,430
Easy ETN.

45
00:02:42,600 --> 00:02:45,210
Asegúrate de que capitalizamos las cosas de la misma manera.

46
00:02:45,270 --> 00:02:46,270
Aquí vamos.

47
00:02:46,650 --> 00:02:54,240
Y lo mismo para los duros y no sé si atrapaste eso en lo sublime.

48
00:02:54,240 --> 00:02:59,940
para seleccionar todas, pero solo quiero estas dos y voy a escribir duro en su lugar.

49
00:03:00,000 --> 00:03:05,040
Si selecciona la palabra fácil y golpea Kamandi, entonces seleccionará automáticamente la siguiente instancia y

50
00:03:05,070 --> 00:03:06,140
puedo seguir haciéndolo

51
00:03:06,210 --> 00:03:09,670
Entonces tenemos dos botones y luego podemos hacer algo como esto.

52
00:03:09,960 --> 00:03:13,690
Easy PTEN agrega el detector de eventos.

53
00:03:13,800 --> 00:03:23,950
Haga clic y todo lo que vamos a hacer es solo alertarnos de que el botón fácil fue cancelado así.

54
00:03:24,600 --> 00:03:31,170
Alert botón fácil clic y asegúrese de que eso funcione.

55
00:03:31,200 --> 00:03:38,340
clic en "Easy OK", haga clic en el botón "Easy" y luego lo duplicaremos para el botón "hard" y diremos que el

56
00:03:40,800 --> 00:03:47,640
botón "hard" se cerró y "refresh easy" funciona pero es duro pero nos dice que se hizo clic en el botón.

57
00:03:47,640 --> 00:03:49,050
Así que refrescamos, haga

58
00:03:49,410 --> 00:03:56,250
Entonces, en lugar de solo hacer eso, trabajemos para que la clase seleccionada sea la que refleje

59
00:03:56,250 --> 00:03:57,390
cuál se selecciona.

60
00:03:57,810 --> 00:04:02,020
Entonces, si hacemos clic en el botón fácil, todo lo que queremos hacer es un botón fácil.

61
00:04:02,070 --> 00:04:11,120
La lista de clase de Doc agrega seleccionada y si actualizamos ahora hago clic en fácil.

62
00:04:11,420 --> 00:04:12,920
Tiene una clase seleccionada.

63
00:04:12,940 --> 00:04:19,630
Fácil pero el problema es que aún permanece en el botón duro, por lo que es fácil de arreglar.

64
00:04:19,650 --> 00:04:29,460
tener un doc de botón de lista cruzada. Eliminarlo y ahora si hacemos clic en easy, el modo difícil desaparece.

65
00:04:29,460 --> 00:04:30,520
Solo queremos

66
00:04:30,660 --> 00:04:36,990
Pero si hacemos clic duro aún no tenemos esa lógica, así que podemos solucionarlo

67
00:04:36,990 --> 00:04:46,740
simplemente copiando este código y ahora tendremos botones duros sin clase que agregarán la lista de clase de botón fácil seleccionada que

68
00:04:46,740 --> 00:04:47,630
eliminará seleccionada.

69
00:04:48,160 --> 00:04:49,970
OK, probémoslo.

70
00:04:50,890 --> 00:04:51,630
Todo bien.

71
00:04:51,630 --> 00:04:57,450
Así que ahora tenemos la parte más fácil de hacer, que son los dos botones que muestran cuál

72
00:04:57,680 --> 00:05:02,930
está seleccionado actualmente y que actualizo y el duro se selecciona automáticamente porque tenemos seis elementos.

73
00:05:02,940 --> 00:05:09,210
A continuación, necesitamos agregar la lógica para cambiar la dificultad, no solo el estilo de estos botones

74
00:05:09,210 --> 00:05:12,730
aquí, sino solo mostrar tres elementos o seis cuadrados.

75
00:05:12,930 --> 00:05:15,840
Entonces tenemos que hacer eso luego antes de comenzar.

76
00:05:15,870 --> 00:05:19,110
Revisemos nuevamente la solución para ver cómo funciona.

77
00:05:19,110 --> 00:05:26,420
Entonces, si actualizo y hago clic en aviso fácil, obtenemos nuevos colores y tenemos que hacer eso porque existe el riesgo

78
00:05:26,460 --> 00:05:33,450
de tener seis colores aquí y el color que se selecciona aquí podría ser uno de estos tres que cuando

79
00:05:33,450 --> 00:05:36,510
hago clic en fácil esos tres son eliminados.

80
00:05:36,510 --> 00:05:39,400
Así que eso podría ser un error para romper el juego.

81
00:05:39,600 --> 00:05:42,860
Entonces, en lugar de lidiar con eso, solo elegiremos tres colores nuevos.

82
00:05:42,990 --> 00:05:45,870
Entonces el proceso es que refresquemos eso.

83
00:05:45,930 --> 00:05:51,840
Entonces el proceso es cuando hago clic en el botón fácil vamos a generar tres colores nuevos para que la

84
00:05:51,850 --> 00:05:54,640
matriz de colores elija un color de esos tres.

85
00:05:54,750 --> 00:05:57,490
Vamos a actualizar que aparecen con un color elegido.

86
00:05:57,510 --> 00:05:59,450
Vamos a actualizar los tres cuadrados aquí.

87
00:05:59,640 --> 00:06:05,880
Y la parte importante es que también ocultamos los otros tres cuadrados para que no los eliminemos, simplemente los

88
00:06:05,880 --> 00:06:08,610
ocultamos al configurar display para que no sea ninguno.

89
00:06:09,120 --> 00:06:11,010
Y luego lo mismo vale por duro.

90
00:06:11,010 --> 00:06:13,930
Generamos seis nuevos colores en la matriz de colores.

91
00:06:13,950 --> 00:06:16,080
Elegimos uno para ser nuestras selecciones de color.

92
00:06:16,230 --> 00:06:17,850
Lo mostramos aquí arriba.

93
00:06:18,000 --> 00:06:23,740
Luego mostramos los tres cuadrados en la parte inferior y luego configuramos cada uno para que tenga un color.

94
00:06:24,270 --> 00:06:24,730
DE ACUERDO.

95
00:06:24,810 --> 00:06:26,570
Así que abordemos esto ahora.

96
00:06:26,820 --> 00:06:31,170
En primer lugar, cuando hacemos clic en el botón fácil vamos a comenzar allí.

97
00:06:31,380 --> 00:06:39,520
Vamos a querer generar nuevos colores para que los colores sean iguales generen colores aleatorios esta vez 3.

98
00:06:40,410 --> 00:06:47,370
Y una vez que lo hayamos hecho, vamos a querer elegir un nuevo color elegido para que el color

99
00:06:47,880 --> 00:06:50,820
escogido sea igual al color de la selección.

100
00:06:50,820 --> 00:06:56,490
Entonces, una vez que tenemos nuestros colores y nuestro color elegido, podemos comenzar simplemente cambiando la visualización aquí para

101
00:06:56,490 --> 00:06:58,400
mostrar el nuevo color de la imagen.

102
00:06:59,070 --> 00:07:06,050
Así que es tan fácil como decir que el contenido del texto de la pantalla en color es igual al color elegido.

103
00:07:06,360 --> 00:07:11,410
Y si actualizamos, voy a obtener algunos colores nuevos aquí solo para mostrarte algunas cosas.

104
00:07:11,580 --> 00:07:17,520
antes, el color está cambiando y detrás de las escenas hay una matriz de colores que también cambia.

105
00:07:17,520 --> 00:07:19,630
Cuando hago clic en easy como mencionaste

106
00:07:19,650 --> 00:07:25,100
Así que vamos a ver qué colores son ahora y luego hago clic en modo fácil y veo

107
00:07:25,110 --> 00:07:27,490
qué colores son otra vez y es diferente.

108
00:07:27,870 --> 00:07:30,990
Y también escogió el color es diferente.

109
00:07:30,990 --> 00:07:37,650
Así que ahora hablemos de cómo escondemos los tres divisores de fondos inferiores cuando hacemos clic en el modo fácil o podemos ocultar los

110
00:07:37,650 --> 00:07:38,190
tres primeros.

111
00:07:38,190 --> 00:07:38,730
No importa.

112
00:07:38,730 --> 00:07:43,260
lo haremos es al pasar y configurar la propiedad de mostrar de abajo a tres para que no sea ninguna.

113
00:07:43,260 --> 00:07:46,360
Pero voy a hacer los últimos tres de la misma forma en que

114
00:07:46,560 --> 00:07:48,440
Déjame mostrarte cómo funciona eso.

115
00:07:48,510 --> 00:07:49,870
Voy a elegir uno de ellos.

116
00:07:49,980 --> 00:08:01,850
Así que hagamos un selector de consulta de documentos todo cuadrado o cuadrado y luego trabajemos con el quinto.

117
00:08:02,250 --> 00:08:11,320
Bueno, en realidad, el sexto con un índice de cinco y luego configura esa pantalla de estilo para que no sea ninguna.

118
00:08:12,150 --> 00:08:13,760
Y verás que desaparece.

119
00:08:13,770 --> 00:08:19,000
Y luego, si quiero que vuelva, lo haré si hacemos clic en el modo difícil, solo necesito decir estilo.

120
00:08:19,050 --> 00:08:22,160
La pantalla es igual a bloqueo.

121
00:08:22,500 --> 00:08:23,280
Todo bien.

122
00:08:23,490 --> 00:08:28,980
Así que sigamos adelante e implementemos esto en nuestro código de la manera en que lo lograremos yendo a

123
00:08:29,250 --> 00:08:30,980
través de los seis al principio.

124
00:08:31,170 --> 00:08:34,820
Y para los primeros tres vamos a darles un nuevo color.

125
00:08:35,040 --> 00:08:37,380
Y para los tres inferiores vamos a esconderlos.

126
00:08:37,410 --> 00:08:40,380
Entonces, en lugar de tener dos bucles para hacerlo, lo haremos de una vez.

127
00:08:40,560 --> 00:08:43,980
Entonces para var I es igual a cero.

128
00:08:43,980 --> 00:08:48,140
Yo estoy menos que cuadra la longitud.

129
00:08:48,300 --> 00:08:54,390
Además, vamos a aprovechar el hecho de que los colores tienen tres elementos.

130
00:08:54,390 --> 00:08:58,000
Así que vamos a hacer algo como esto si coloreo I.

131
00:08:58,440 --> 00:09:02,350
Entonces, si hay un próximo color, esto sucederá en los primeros tres.

132
00:09:02,610 --> 00:09:11,020
Vamos a escribir cuadrados, estilo que el fondo es igual al color.

133
00:09:12,660 --> 00:09:18,540
Entonces, para los primeros tres en nuestro caso, porque los colores solo tienen tres elementos, recorreremos

134
00:09:18,540 --> 00:09:22,740
todos los cuadrados y comprobaremos si hay un color en ese índice.

135
00:09:22,770 --> 00:09:27,320
Y si hay cambios, cambiaremos el color de esos tres primeros.

136
00:09:27,390 --> 00:09:29,160
Así que vamos a asegurarnos de que eso funcione.

137
00:09:29,160 --> 00:09:33,990
Hago clic en easy y verá que solo los tres primeros están cambiando.

138
00:09:33,990 --> 00:09:35,470
Entonces estamos cerca.

139
00:09:35,520 --> 00:09:38,550
Todo lo que queremos hacer ahora es esconder los tres inferiores.

140
00:09:39,000 --> 00:09:41,040
Entonces haremos eso con lo demás.

141
00:09:42,370 --> 00:09:48,970
Cuadrados con estilo que muestran igual a ninguno.

142
00:09:49,600 --> 00:09:56,770
Y si actualizamos y hacemos pantalla completa si hago clic en modo fácil, verá que perdemos los tres inferiores

143
00:09:56,770 --> 00:10:00,010
y los colores de los tres superiores están cambiando.

144
00:10:00,640 --> 00:10:03,010
E intentemos averiguar cuál es este.

145
00:10:03,050 --> 00:10:08,850
Tan ciento sesenta y tres rojos 125 verdes y un poco de azul.

146
00:10:08,950 --> 00:10:10,190
Aquí vamos.

147
00:10:10,300 --> 00:10:13,200
Puede actualizar intente algunos más.

148
00:10:13,210 --> 00:10:19,030
Tenemos un pequeño problema al actualizar algunos de ellos y hago clic en modo fácil.

149
00:10:19,030 --> 00:10:21,010
Solo estamos generando tres colores aquí.

150
00:10:21,140 --> 00:10:26,600
Pero si hago clic en el botón de nuevos colores, le mostraré cómo se ven los colores en este momento.

151
00:10:26,740 --> 00:10:27,640
Son tres elementos.

152
00:10:27,760 --> 00:10:32,330
Sin embargo, si hago clic en nuevos colores, veo los colores.

153
00:10:33,070 --> 00:10:38,340
En realidad, son seis elementos y eso se debe a que no estamos haciendo un seguimiento del modo en que estamos.

154
00:10:38,350 --> 00:10:40,440
Entonces ese código está aquí en el botón de reinicio.

155
00:10:40,510 --> 00:10:44,520
Solo decimos que los colores equivalen a generar colores aleatorios.

156
00:10:44,680 --> 00:10:46,370
Entonces tenemos que arreglar eso eventualmente.

157
00:10:46,600 --> 00:10:52,090
Pero antes de hacerlo, vamos a obtener nuestro botón para que nos devuelva a seis cuadrados y cada

158
00:10:52,090 --> 00:10:54,700
uno tiene su propio color para hacer eso.

159
00:10:54,850 --> 00:11:00,000
Voy a tomar parte de este código y duplicarlo aquí, que siempre es una mala señal.

160
00:11:00,490 --> 00:11:03,250
Y es por eso que vamos a refactorizar esto en solo un poco.

161
00:11:03,280 --> 00:11:04,870
Entonces, lo primero que quiero hacer.

162
00:11:04,870 --> 00:11:09,380
Voy a copiar todo en nuestros colores de oido de evento de botón duro.

163
00:11:09,400 --> 00:11:16,000
Va a tener seis selecciones de colores. El color será el mismo. El contenido del texto en pantalla es el mismo.

164
00:11:16,000 --> 00:11:18,880
Y luego vamos a recorrer todos ellos en este ciclo.

165
00:11:18,880 --> 00:11:20,590
Necesitamos hacer dos cosas diferentes.

166
00:11:20,590 --> 00:11:24,200
El primero es asignar un nuevo color a cada cuadrado.

167
00:11:24,460 --> 00:11:29,980
Pero también es posible que tengamos que asegurarnos de que los tres estén ocultos en la parte inferior.

168
00:11:30,430 --> 00:11:36,910
declaración if por ahora y vamos a configurar todos los cuadrados para que tengan un color de fondo para los colores.

169
00:11:36,910 --> 00:11:38,990
Así que vamos a deshacernos de la

170
00:11:39,430 --> 00:11:43,880
Y todos los cuadrados tendrán una pantalla de bloque.

171
00:11:44,230 --> 00:11:49,960
Así que esto es un poco desperdiciado porque solo necesitamos los tres últimos técnicamente y estamos restableciendo todos ellos

172
00:11:49,990 --> 00:11:51,710
para que sean bloques de visualización.

173
00:11:51,850 --> 00:11:54,940
Pero eso es algo realmente menor en lo que nos podemos enfocar más adelante.

174
00:11:55,000 --> 00:12:02,440
Así que vamos a ver si esto funciona. Refresh nos dice que tenemos un error de sintaxis en la línea 36. Veamos qué es lo que

175
00:12:02,440 --> 00:12:03,150
nos falta.

176
00:12:03,670 --> 00:12:05,600
Y solo tenemos una llave adicional aquí.

177
00:12:05,710 --> 00:12:10,210
Entonces, si ahorramos ahora y actualizamos, tenemos seis colores como siempre tenemos.

178
00:12:10,210 --> 00:12:12,190
Si hago clic en easy, obtenemos tres.

179
00:12:12,310 --> 00:12:15,260
Si hago clic duro, ahora vuelvo a seis.

180
00:12:15,370 --> 00:12:18,780
Tengo un nuevo color aquí y asegurémonos de que siga funcionando.

181
00:12:18,850 --> 00:12:23,280
Es muy fácil, difícil, difícil cuando voy al modo difícil.

182
00:12:23,380 --> 00:12:25,510
Hagamos clic en nuevos colores nuevamente.

183
00:12:25,570 --> 00:12:29,570
Regresa a easy volver a hard hard y hard.

184
00:12:29,650 --> 00:12:29,930
Todo bien.

185
00:12:29,920 --> 00:12:32,320
Y juguemos esto y veamos si funciona.

186
00:12:32,320 --> 00:12:37,410
Entonces el color de la selección es 196 170 57.

187
00:12:37,450 --> 00:12:42,240
Así que mucho de leer mucho verde y un poco de azul.

188
00:12:42,460 --> 00:12:44,970
Eso es mucho rojo y verde es un color amarillo.

189
00:12:45,070 --> 00:12:46,650
Entonces no va a ser ese o aquel.

190
00:12:46,660 --> 00:12:52,120
Ese va a ser muy rápido y parece que está funcionando bien.

191
00:12:52,380 --> 00:12:55,880
Si hago clic en easy otra vez, volvemos a tres colores.

192
00:12:56,050 --> 00:13:01,750
de los seis que quizás no se muestren a nosotros, lo que está sucediendo. ser problemático para arreglar eso.

193
00:13:01,750 --> 00:13:07,960
El problema más acuciante que enfrentamos es que cuando estoy en modo fácil y hago clic en jugar de nuevo,

194
00:13:07,960 --> 00:13:11,350
esto generará seis colores, no tres, y elegirá un color aleatorio

195
00:13:11,350 --> 00:13:15,730
Todo lo que tenemos que hacer es tener una variable que haga un seguimiento del modo en el que estamos.

196
00:13:15,730 --> 00:13:19,650
Fácil o difícil o el número de cuadrados de tres o seis.

197
00:13:19,840 --> 00:13:21,530
Entonces haremos eso aquí.

198
00:13:21,640 --> 00:13:29,620
Tendremos una variable llamada número de cuadrados y que comenzará en 6 y lo declararemos aquí y diremos

199
00:13:29,880 --> 00:13:39,220
que los colores equivalen a generar colores aleatorios de número y vamos a hacer que sea el número de cuadrados o

200
00:13:39,490 --> 00:13:40,180
cuadrados.

201
00:13:40,240 --> 00:13:41,080
Es un

202
00:13:44,170 --> 00:13:47,020
poco más fácil y ahorrar.

203
00:13:47,140 --> 00:13:50,120
Y luego tenemos que reemplazar eso en algunos lugares.

204
00:13:50,170 --> 00:13:57,970
Entonces, cuando hacemos clic en modo fácil queremos que los cuadrados insensibles sean tres y luego generamos

205
00:13:57,970 --> 00:14:00,040
colores aleatorios sin cuadrados.

206
00:14:00,430 --> 00:14:09,010
Y luego, más abajo cuando hacemos clic en el botón duro, queremos que algunos cuadrados sean 6, por lo que los cuadrados

207
00:14:09,100 --> 00:14:17,290
insensibles equivalen a seis y luego generan cuadrados de colores aleatorios y luego hay otros lugares aquí cuando hacemos clic en

208
00:14:17,290 --> 00:14:18,850
ese botón de reinicio.

209
00:14:18,850 --> 00:14:24,540
Queremos generar el número correcto de colores que también serían cuadrados Nahm allí.

210
00:14:24,580 --> 00:14:28,970
Así que eso debería solucionarlo si volvemos y refrescamos.

211
00:14:29,530 --> 00:14:33,080
Vamos al modo fácil y ganemos este.

212
00:14:33,190 --> 00:14:35,280
Así que principalmente rojo un poco azul.

213
00:14:35,320 --> 00:14:37,350
Este no.

214
00:14:37,660 --> 00:14:38,740
Ése no.

215
00:14:38,740 --> 00:14:39,830
Aquí vamos.

216
00:14:39,880 --> 00:14:47,140
Y si hago clic en jugar de nuevo, asegurémonos de que cuando escribo colores solo veamos tres colores.

217
00:14:47,140 --> 00:14:55,240
Y si miro el color escogido, las esperanzas escogieron un color, puedes ver que está dentro de la matriz de colores.

218
00:14:55,450 --> 00:14:56,880
Entonces ya no tenemos que preocuparnos por eso.

219
00:14:57,040 --> 00:14:57,970
Nuestra lógica ahora funciona