Vamos a comenzar con la parte del círculo que es de CHEC.
Si recuerdas cuando inspeccionamos aquí tenemos un completo y cada que damos clic vamos a cambiar o
remover esa clase.
Vamos a ver esa parte ahora quiero agregar un segundo GIF y pon tu tarjeta un Toklas List punto contains
si contiene la clase de completo y yo doy clic es decir como ésta.
Si está esta clase y doy clic la tiene que completar.
Por lo tanto tendría que eliminar esa clase y punto target punto clase lista.
Punto remó sumar remover una clase completo.
Guardo cambios recargamos click aquí vemos que la completa ahora necesito una clase para volver a habilitar
a quienes les y punto target punto clase listo punto ATB completo los guardo cambios recargamos y doy
clic aquí y puedo habilitar y deshabilitar esa clase o las tres ir marcando qué tareas son las que ya
ha finalizado.
Nuestro código se va viendo bastante bien.
Ya tenemos esta parte de reaccionar dar clic y podemos agregar o quitar esta parte aquí tenemos ya agregar
o quitar y aquí voy a mandar a llamar otra función que se llama completar tareas no podemos ponerle
cambiar estado tarea que completar pues vamos a tener la habilidad de completar pero también de completar
entonces cambiar esta tarea va a estar en ambos casos porque ambos van a recorrer la misma función solamente
que vamos a pasar distintos datos si ponemos un comentario completa o completa una tarea función cambiar
estado de tarea.
Ahora aquí tenemos que hacerles saber a qué elemento hemos dado click o dar clic aquí y pasarlo a esta
parte de cambiar esta tarea.
Cuando esté Yeda Target y punto target lo que haces eso sabe qué elemento hemos dado clic.
Por lo tanto se lo vamos a pasar a cambiar esta tarea y lo ponemos como tarea con blog tarea y voy a
ponerlo en ambos punto target para ver que nos imprime y tarjeta Consol habilitó y vemos que nos regresa
el y el elemento y en ambos casos nos regresa a lo mismo.
Entonces estamos en Delhi pero para poder acceder a toda la tarea tenemos que recorrer hasta el Elai
eso se le conoce como Traver sin el DOM y vamos a saber cómo hacerlo.
Actualmente estoy aquí y ya va a permitir del hijo al padre por lo tanto si pongo punto Parent Element
va a ir hacia el padre que en este caso sería acciones recargamos Consol click aquí vemos que vamos
en acciones y puedes darle Padrenda nuevamente
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
ya voy accediendo a los distintos datos ahora aquí ocupo acceder a Leydi para poder saber a qué tareas
la voy a actualizar hoy día.
Recargamos nuevamente de Click que vemos que se tarda 2.1 Araki esta tarea 2.6 no me estorba por qué.
Pues aquí el Heydi viene como 1 2 y 3 de estos necesito separar tarea 2.1 eso lo haces con puntos Plait
y le ponemos el split va a tomar un parámetro que es lo que quieres separar lo quiero separar cuando
estemos en esos dos puntos
y vemos que ya tenemos tarea y el 1 tarea y el 2 es cómo accedo a este.
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
recargamos y es exactamente lo mismo pero si ocupas acceder al Heydi te puedes dar cuenta que es la
posición 1 siempre se quiere poner su posición 1 y recargamos ya se llamaba Leidi correctamente se va
viendo bastante bien en el siguiente video lo que vamos a hacer es formatear el from dera y hacer la
petición Ayax así que lo haremos en nuestro próximo video.