1 00:00:00,270 --> 00:00:03,780 Vamos a comenzar con la parte del círculo que es de CHEC. 2 00:00:04,530 --> 00:00:09,480 Si recuerdas cuando inspeccionamos aquí tenemos un completo y cada que damos clic vamos a cambiar o 3 00:00:09,480 --> 00:00:11,260 remover esa clase. 4 00:00:11,450 --> 00:00:20,010 Vamos a ver esa parte ahora quiero agregar un segundo GIF y pon tu tarjeta un Toklas List punto contains 5 00:00:20,080 --> 00:00:24,630 si contiene la clase de completo y yo doy clic es decir como ésta. 6 00:00:24,880 --> 00:00:28,390 Si está esta clase y doy clic la tiene que completar. 7 00:00:28,390 --> 00:00:34,630 Por lo tanto tendría que eliminar esa clase y punto target punto clase lista. 8 00:00:34,700 --> 00:00:39,160 Punto remó sumar remover una clase completo. 9 00:00:39,160 --> 00:00:46,450 Guardo cambios recargamos click aquí vemos que la completa ahora necesito una clase para volver a habilitar 10 00:00:47,090 --> 00:00:59,680 a quienes les y punto target punto clase listo punto ATB completo los guardo cambios recargamos y doy 11 00:00:59,680 --> 00:01:07,090 clic aquí y puedo habilitar y deshabilitar esa clase o las tres ir marcando qué tareas son las que ya 12 00:01:07,110 --> 00:01:08,410 ha finalizado. 13 00:01:08,650 --> 00:01:10,620 Nuestro código se va viendo bastante bien. 14 00:01:10,630 --> 00:01:17,130 Ya tenemos esta parte de reaccionar dar clic y podemos agregar o quitar esta parte aquí tenemos ya agregar 15 00:01:17,130 --> 00:01:24,510 o quitar y aquí voy a mandar a llamar otra función que se llama completar tareas no podemos ponerle 16 00:01:25,840 --> 00:01:35,150 cambiar estado tarea que completar pues vamos a tener la habilidad de completar pero también de completar 17 00:01:36,810 --> 00:01:44,650 entonces cambiar esta tarea va a estar en ambos casos porque ambos van a recorrer la misma función solamente 18 00:01:44,670 --> 00:01:56,980 que vamos a pasar distintos datos si ponemos un comentario completa o completa una tarea función cambiar 19 00:01:56,990 --> 00:01:57,810 estado de tarea. 20 00:01:59,020 --> 00:02:05,560 Ahora aquí tenemos que hacerles saber a qué elemento hemos dado click o dar clic aquí y pasarlo a esta 21 00:02:05,560 --> 00:02:07,000 parte de cambiar esta tarea. 22 00:02:07,970 --> 00:02:13,080 Cuando esté Yeda Target y punto target lo que haces eso sabe qué elemento hemos dado clic. 23 00:02:13,300 --> 00:02:25,380 Por lo tanto se lo vamos a pasar a cambiar esta tarea y lo ponemos como tarea con blog tarea y voy a 24 00:02:25,380 --> 00:02:35,100 ponerlo en ambos punto target para ver que nos imprime y tarjeta Consol habilitó y vemos que nos regresa 25 00:02:35,150 --> 00:02:39,860 el y el elemento y en ambos casos nos regresa a lo mismo. 26 00:02:40,770 --> 00:02:48,030 Entonces estamos en Delhi pero para poder acceder a toda la tarea tenemos que recorrer hasta el Elai 27 00:02:48,980 --> 00:02:53,880 eso se le conoce como Traver sin el DOM y vamos a saber cómo hacerlo. 28 00:02:53,900 --> 00:03:01,640 Actualmente estoy aquí y ya va a permitir del hijo al padre por lo tanto si pongo punto Parent Element 29 00:03:02,930 --> 00:03:09,320 va a ir hacia el padre que en este caso sería acciones recargamos Consol click aquí vemos que vamos 30 00:03:09,320 --> 00:03:12,290 en acciones y puedes darle Padrenda nuevamente 31 00:03:16,160 --> 00:03:21,970 click y vemos que ya estamos en el ley y esa es la tarea 1 dar click aquí la tarea 2 y la tarea 3 y 32 00:03:21,980 --> 00:03:27,710 ya voy accediendo a los distintos datos ahora aquí ocupo acceder a Leydi para poder saber a qué tareas 33 00:03:27,730 --> 00:03:30,100 la voy a actualizar hoy día. 34 00:03:31,940 --> 00:03:39,130 Recargamos nuevamente de Click que vemos que se tarda 2.1 Araki esta tarea 2.6 no me estorba por qué. 35 00:03:39,230 --> 00:03:45,820 Pues aquí el Heydi viene como 1 2 y 3 de estos necesito separar tarea 2.1 eso lo haces con puntos Plait 36 00:03:49,750 --> 00:03:56,390 y le ponemos el split va a tomar un parámetro que es lo que quieres separar lo quiero separar cuando 37 00:03:56,390 --> 00:03:57,820 estemos en esos dos puntos 38 00:04:00,940 --> 00:04:07,760 y vemos que ya tenemos tarea y el 1 tarea y el 2 es cómo accedo a este. 39 00:04:07,920 --> 00:04:17,530 Me voy a cortar y a todo esto y le pongo bar y de tarea igual a todo este código con su lógica de tarea 40 00:04:18,360 --> 00:04:24,880 recargamos y es exactamente lo mismo pero si ocupas acceder al Heydi te puedes dar cuenta que es la 41 00:04:24,880 --> 00:04:35,230 posición 1 siempre se quiere poner su posición 1 y recargamos ya se llamaba Leidi correctamente se va 42 00:04:35,290 --> 00:04:41,390 viendo bastante bien en el siguiente video lo que vamos a hacer es formatear el from dera y hacer la 43 00:04:41,390 --> 00:04:44,840 petición Ayax así que lo haremos en nuestro próximo video.