1
00:00:00,420 --> 00:00:05,060
Continuamos con nuestro proyecto ya estamos leyendo y las acciones ya se ejecuta a esta parte.

2
00:00:05,340 --> 00:00:09,780
Lo primero que vamos a hacer aquí para eliminar los registros es abrir la conexión.

3
00:00:10,080 --> 00:00:12,930
Ya tenemos un código que lo hace que se esté lo voy a copiar aquí.

4
00:00:14,510 --> 00:00:21,190
Entonces recupera la conexión eso abre la conexión y muy importante tenemos que validar el Heydi esté

5
00:00:21,250 --> 00:00:29,960
ahí que sea un entero que va a poner ahí igual a Filter y un bajo par y va a ser muy similar al que

6
00:00:29,960 --> 00:00:37,530
vimos anteriormente de Uruguay a copiado allá estos que están aquí creo que es mejor opción se lo cambio

7
00:00:37,530 --> 00:00:45,670
por ahí el que iba a ser en lugar de PODS va a ser G.T la petición que estamos mandando y le pongo ahí.

8
00:00:45,960 --> 00:00:51,900
Sé si recuerdas estos valores vienen ya los tenemos aquí acción y ahí como estén aquí es como tienen

9
00:00:51,900 --> 00:00:57,800
que ponerlos acá y puede ser que esté vãlida una string que en el caso de un número entero que todos

10
00:00:57,800 --> 00:01:08,890
los allí siempre son enteros Filter yo en bajo samnitas sanitarista y un bajo nombre Hind entonces os

11
00:01:08,970 --> 00:01:18,570
va a validar que sea un número entero o sanity usarlo podrías poner aquí y ahí es decir que fue válida

12
00:01:18,600 --> 00:01:25,880
la validación podrías colocarlo dentro de ONIF y después poner un & que diga que lo que viene siendo

13
00:01:26,090 --> 00:01:28,030
el Heydi no es válido.

14
00:01:28,040 --> 00:01:34,280
En caso de que quieras validar lo mejor en mi caso yo no más voy a poner el trai demostrais un statement

15
00:01:34,940 --> 00:01:37,050
y este va a ser igual la conexión.

16
00:01:37,130 --> 00:01:47,260
En este caso de nueva cuenta utilizamos PPerra y el que iba a colocar Blyth from contactos y muy importante.

17
00:01:47,330 --> 00:01:54,620
Siempre digo lo más importante de un delito y de novedad es el Wer incluso más importante que la información

18
00:01:55,120 --> 00:02:00,500
si se te olvida pasar la información no pasa nada tal vez puedas perder ese registro pero si no le pasa

19
00:02:00,500 --> 00:02:03,920
a ese lugar y tienes un millón de registros todos se van a perder.

20
00:02:03,920 --> 00:02:11,910
Entonces es muy importante tener el web Heydi iguala y ponemos el signo de interrogación que es el Pleiss

21
00:02:11,950 --> 00:02:23,850
Holder entonces vamos a darle va en Parham statement Binet Parham y vamos a pasar un entero y una idea.

22
00:02:23,950 --> 00:02:30,120
Entonces se recuerda la parte de Place Holder lo que tienes aquí si es uno tienes que pasar uno aquí

23
00:02:30,120 --> 00:02:35,280
y una variables tienes dos dos en cada uno de ellos tres cada uno de ellos y eso es lo que hace que

24
00:02:35,280 --> 00:02:48,230
los mensajes más seguros Steinman execute esto ejecuta la consulta la base de datos y ponemos statement

25
00:02:48,620 --> 00:02:56,750
globos que cerrar el Steinman y también hay que cerrar la conexión y después ponemos el catch exception

26
00:02:57,900 --> 00:03:08,710
lo emocional le das a e y respuesta va a ser igual a Array o arraigue arreglo error.

27
00:03:09,610 --> 00:03:11,360
Guided Message.

28
00:03:11,360 --> 00:03:17,610
En caso de que haya un error lo coloque aquí punto y coma en esta parte y finalmente Collison encontró

29
00:03:18,440 --> 00:03:26,080
la respuesta que no creamos la respuesta cuando sea satisfactorio lo vamos a poner aquí de nueva cuenta

30
00:03:26,090 --> 00:03:34,530
la serif statement affected Rous es igual a uno que quiere decir que hubo un cambio.

31
00:03:34,600 --> 00:03:45,980
La respuesta va a ser igual arreglo Array y ponemos correcto entonces vamos a guardar cambios en estudio

32
00:03:45,980 --> 00:03:51,130
Cott cuando grabas y tienes un error se pone aquí en rojo entonces me falta un póntico Aquí guardamos

33
00:03:51,140 --> 00:03:55,700
cambios y digamos que vamos a eliminar el primero.

34
00:03:55,710 --> 00:04:02,520
Este dará uno es el que tenemos el 1 aquí me sale click aquí aseguró ok.

35
00:04:03,440 --> 00:04:04,680
Y lo elimina.

36
00:04:04,840 --> 00:04:09,620
Respuesta correcto sí recargamos aquí lo de examinar es ver que el 1 se ha ido.

37
00:04:09,780 --> 00:04:15,560
Así es como elimina los registros pero de nueva cuenta siempre cuando haces un cambio una inserción

38
00:04:15,560 --> 00:04:20,640
o eliminas un registro lo eliminas en la base de datos pero también hay que quitarlo del DOM.

39
00:04:20,660 --> 00:04:26,990
De hecho si revisamos aquí puedes ver que el Daura uno se mantiene ya si recargo se va a perder el primero

40
00:04:26,990 --> 00:04:32,570
es el primero ya pasará a ser el 2 pero la idea es que una vez que le de eliminar y confirme lo quite

41
00:04:32,570 --> 00:04:41,390
del del DOM automáticamente abrimos el LAP y aquí tenemos este resultado es el que tenemos al eliminar

42
00:04:41,390 --> 00:04:42,240
otra vez.

43
00:04:42,320 --> 00:04:52,490
Respuesta correcto por lo tanto aquí voy a cortar esta parte y ponemos if resultado punto.

44
00:04:52,490 --> 00:04:55,290
Respuesta es igual a correcto.

45
00:04:55,340 --> 00:05:06,220
Eso quiere decir que se eliminó bien tenemos que eliminar para eliminar el registro del DOM ents el

46
00:05:06,220 --> 00:05:13,460
caso de que no haya pasado nada que no se haya eliminado mostramos una notificación que iba a poner

47
00:05:13,460 --> 00:05:17,090
mostrar notificación y de nueva cuenta el mensaje.

48
00:05:17,100 --> 00:05:24,530
El primer parámetro hubo un error y el segundo parámetro va a ser el nombre de la clase que en este

49
00:05:24,530 --> 00:05:25,720
caso va a ser error.

50
00:05:25,930 --> 00:05:34,930
Si damos clic en Eliminar vemos que está seguro y vemos que hubo un error y que voy a darle con su log

51
00:05:37,630 --> 00:05:40,170
han resultado resultados siempre te va a traer lo que hay.

52
00:05:40,400 --> 00:05:42,410
La respuesta entre nosotros.

53
00:05:42,450 --> 00:05:50,210
Aquí hay buenos resultados siempre y cuando lo hayas puesto divisón Pals aquí pues el resultado aquí

54
00:05:50,280 --> 00:06:00,080
es respuesta por eso caía siempre en el nos guardamos cambios nuevamente y aquí se va a mostrar la notificación

55
00:06:00,660 --> 00:06:01,730
que voy a ponerle

56
00:06:05,300 --> 00:06:06,650
mostrar notificación

57
00:06:09,410 --> 00:06:19,100
iba a ser mostrar notificaciones en esta parte va a decir contacto eliminado y va a ser correcto la

58
00:06:19,100 --> 00:06:21,190
clase que lo va a eliminar.

59
00:06:21,310 --> 00:06:27,290
Entonces recargamos y doy click aquí vemos que dice que si vemos que ese contacto eliminado falta eliminarlo

60
00:06:27,290 --> 00:06:29,910
del DOM pues a ver qué se mantiene en esta parte.

61
00:06:30,140 --> 00:06:37,370
Por lo tanto aquí voy a comenzar a escribir un poco de código que le ponemos Consol punto log y punto

62
00:06:37,370 --> 00:06:47,260
target guardamos cambios recargamos o eliminar uno de los abajo puede ser que cuando doy en el target

63
00:06:47,290 --> 00:06:48,850
me aparece Lí.

64
00:06:48,850 --> 00:06:51,770
Ahora si vemos lo que es nuestro código estamos en Delhi.

65
00:06:51,980 --> 00:07:02,960
Si utilizo Parent Element el botón oponerle aquí punto Parent Element para permitir un hijo hasta el

66
00:07:02,960 --> 00:07:09,050
padre versión de Doom algo que no puedes hacer con CSS pero que en JavaScript sí puedes decir del padre

67
00:07:09,050 --> 00:07:12,440
el hijo y del hijo al padre entonces estamos Emeli.

68
00:07:12,470 --> 00:07:13,810
Esto nos lleva al botón.

69
00:07:13,910 --> 00:07:15,960
Si vuelvo a poner el email me lleva al té de

70
00:07:18,560 --> 00:07:23,870
elemento pero si elimina este te va a quedar eliminado esta parte nada más tenemos que eliminar todo

71
00:07:23,870 --> 00:07:30,380
el registro por lo tanto tengo que ir a otro par en L para que vaya al T.R tres veces para elemento

72
00:07:30,820 --> 00:07:37,840
y dependiendo de la aplicación que tengas dependiendo de qué tanto código tengas es la cantidad de elementos

73
00:07:37,840 --> 00:07:38,820
que tendrás que hacer.

74
00:07:39,770 --> 00:07:47,460
Entonces vamos a copiar todo este mismo código que está aquí y pongo por Element y luego remove y eso

75
00:07:47,460 --> 00:07:54,930
va a eliminar el elemento de lo que es el DOM recargamos cerramos esto y eliminar este que se Juán letras

76
00:07:54,930 --> 00:07:55,910
mayúsculas.

77
00:07:55,930 --> 00:08:01,980
Click aquí vemos que se está seguro que y aparece la notificación contacto eliminado y se ha ido también

78
00:08:02,070 --> 00:08:08,370
automáticamente del DOM si recargo aquí puedes ver que se ha ido totalmente incluso desde la base de

79
00:08:08,370 --> 00:08:11,500
datos es muy importante.

80
00:08:11,500 --> 00:08:16,850
Recuerda lo que refleja es en la base de datos también hay que reflejarlo en lo que viene siendo tus

81
00:08:16,850 --> 00:08:24,770
scripts de esa forma va a dar una sensación más interactiva la aplicación que estás construyendo en

82
00:08:24,780 --> 00:08:25,190
Siguiente.

83
00:08:25,190 --> 00:08:32,520
Vamos a continuar trabajando con el proyecto estaremos comenzando ahora con la edición ya tenemos tres

84
00:08:32,520 --> 00:08:35,950
de las cuatro acciones solamente nos falta la edición.

85
00:08:36,150 --> 00:08:40,050
Ya podemos crear registros le estarlos y eliminarlos.

86
00:08:40,050 --> 00:08:42,980
Nos falta editarlos que es la parte más complicada.

87
00:08:42,990 --> 00:08:45,410
Veremos cómo hacerlo en el próximo video.