1
00:00:00,220 --> 00:00:08,070
En este video y en los próximos talvez 2 o 3 Vamos a ver cómo trabajar con estos botones completar las

2
00:00:08,070 --> 00:00:13,860
tareas o eliminarlas vamos a abrir a Tom nuevamente.

3
00:00:13,900 --> 00:00:19,030
Ya podemos cerrar el formulario modelo tarea cerebral que estaremos trabajando modelos proyectos ya

4
00:00:19,030 --> 00:00:26,930
no funciones tampoco ya no Seibert tampoco y vamos a comenzar a quienes les Crips con DJs.

5
00:00:27,120 --> 00:00:36,470
De nuevo vamos a ir hacia arriba y crear un nuevo diseño botones para las acciones de las tareas en

6
00:00:36,470 --> 00:00:42,620
este caso vamos a por ejemplo a seleccionar todo el listado de pendientes todo esto te va a mostrar

7
00:00:42,620 --> 00:00:46,350
una técnica que se conoce como delegacion.

8
00:00:46,510 --> 00:00:56,010
Entonces vamos a poner Documet punto codirige el lector y copia la clase estado pendientes de vender

9
00:00:56,010 --> 00:01:08,750
Zener click y en este caso vamos a crear una función acciones tareas es una misma función mismo diseñar

10
00:01:08,760 --> 00:01:20,800
para todas las acciones scroll hacia abajo menos espacio y vamos a poner aquí un comentario que va a

11
00:01:20,800 --> 00:01:31,170
decir cambia el estado de las tareas o las elimina dependiendo de qué queramos hacer.

12
00:01:31,360 --> 00:01:37,550
Función acciones tareas y vamos a pasar Lomé.

13
00:01:37,900 --> 00:01:46,150
El punto prevent the fog podemos tener aquí con click en listado.

14
00:01:46,150 --> 00:01:51,760
Esto es lo que va a hacer esta parte que va agregaron dicen grande a toda esta parte donde sea que des

15
00:01:51,780 --> 00:01:59,990
click vemos que la base de la pero aquí vamos a ver algo importante y este tema se llama delegacion.

16
00:02:00,170 --> 00:02:05,460
Aquí manda la consola con log e punto target guardo cambios

17
00:02:08,330 --> 00:02:12,080
cuando doy clic aquí y vemos que estaba pendiente si doy click aquí.

18
00:02:12,080 --> 00:02:17,260
Elegir colores se da clic en los iconos es decir con esta función.

19
00:02:17,260 --> 00:02:21,970
Con este punto tal y es mejor dicho tengo acceso a aquel elemento el usuario está dando clic.

20
00:02:21,980 --> 00:02:27,950
Por ejemplo este botón de borrar o este de más y así podemos saber a qué han hecho click y se le conoce

21
00:02:27,950 --> 00:02:29,430
como delegacion.

22
00:02:29,630 --> 00:02:38,000
Es como crear un contenedor grande en el cual tu comparas a qué elementos están dando clic y en base

23
00:02:38,000 --> 00:02:43,130
a eso realizas una consulta en lugar de crear por ejemplo un dicen.

24
00:02:43,130 --> 00:02:49,830
Para este botón otro para éste creas un CNAR para un contenedor más grande y comparas con ONIF.

25
00:02:49,970 --> 00:03:01,730
Vamos a hacer esa parte vamos a empezar con el círculo puedes ver que Sony dice FHC circón If y punto

26
00:03:01,730 --> 00:03:02,370
target.

27
00:03:03,880 --> 00:03:17,180
Punto clases punto y vamos a revisar contains si contiene F.A CHEC circo entonces pero con solo hiciste

28
00:03:17,180 --> 00:03:30,660
click en el círculo es cuando sólo hiciste click en otro lado si guardamos cambios recargamos Consol

29
00:03:31,260 --> 00:03:36,090
click en el círculo y vemos que si hiciste click en el círculo click en el botón de basura hiciste click

30
00:03:36,090 --> 00:03:36,840
en otro lado.

31
00:03:38,110 --> 00:03:42,560
Ahora este bote de basura se llama traje F atrás.

32
00:03:42,640 --> 00:03:51,150
Podemos crear una copia y pegarlo aquí quien desde que se fue CHEC circón se fue atrás.

33
00:03:52,430 --> 00:03:59,080
Hiciste clic en el icono de borrar y hiciste clic en otro lado.

34
00:03:59,500 --> 00:04:05,870
Entonces recargar Consol click aquí vemos que hiciste clic en el círculo y en otro lado porque esta

35
00:04:05,950 --> 00:04:08,100
es que está disparando a esta parte.

36
00:04:09,290 --> 00:04:15,890
Click aquí y vemos que ahora existe en otro lado click en el círculo Dvořák en el ícono de borrar normal

37
00:04:15,930 --> 00:04:20,160
este segundo en el traje no va a ser necesario.

38
00:04:20,290 --> 00:04:27,970
Incluso en el primero tampoco pero gracias a esto ya puedo dar clic aquí hiciste clic en el círculo

39
00:04:27,990 --> 00:04:33,300
hiciste clic en borrar y en base a eso ejecutar funciones o mi código de acuerdo a que hemos dado clic

40
00:04:33,690 --> 00:04:35,920
y esto es lo que se conoce como delegacion.

41
00:04:36,360 --> 00:04:40,400
Entonces está listo esta parte del delegacion en el siguiente video.

42
00:04:40,410 --> 00:04:44,190
Continuamos escribiendo el código de JavaScript de este archivo.