Siguiente paso y ya lo último de este proyecto es mostrar la cantidad de registros que hay en esta parte.
Ahora esta parte si por ejemplo yo busco aquí uno o dos del que se muestra nada más la cantidad de resultados
que encontró y si regreso todos se muestran todos los registros se agrega uno nuevo ver que se actualiza
el número y si lo elimino retorna a su estado original.
Veremos cómo hacer esa parte.
Primero voy a ver aquí buscador de registros y vamos a crear una nueva función colocar abajo.
Lo voy a nombrar función número contactos y voy a colocar muestra el número de contactos entonces la
idea de este de esta pequeña función es que muestre únicamente los contactos que están visibles.
Por lo tanto cuando estamos realizando el filtrado aquí no encuentran resultados.
Si recuerdas le estamos cambiando el display y los ponemos como no podemos utilizar esa condición.
Revisar si un elemento está visible o no para mostrar ese número.
Primero la forma más fácil de saber cuántos contactos hay que inspeccionar recargar de forma más fácil
de saber cuántos contactos hay es contar estos terreno podemos ver qué hay en este caso 6.
La forma más fácil de nueva cuenta de Open aquí es poner con total contactos igual document punto cuadros
el lector ole en este caso porque queremos que retorne todos.
The Body T.R si lo doy con log a Total contactos punto Laing me va a reportar ese número es un atributo
un método que existe en JavaScript puedes ver que la función proveerla mandó llamar no poner aquí se
ven Liset nerds mandó llamar a esa función que se ejecute recargamos y vemos que Ce6 es una forma muy
sencilla de reportar el número podríamos darles darles hacia abajo inyectar ese número en la parte del
HTML pero requiere un poco más de código en realidad sobre todo para reaccionar a lo que es el buscador.
Los nuevos registros o los que eliminemos se puede cortar esta parte y que iba a poner un letrero total
igual a cero.
Vamos a iniciar en cero y tenemos este total de contactos vaporera total de contactos y lo Fortich podremos
seguir contacto.
Vamos a recorrer cada uno de ellos y si por ejemplo le pones Consol punto el log contacto punto está
el punto display te va a reportar qué tipo de display tiene cada uno de ellos recargamos y puedes ver
que no aparece nada porque si inspeccion aquí cada uno de los T.R No tienen ningún display en esta parte
pero si yo escribo algo puede ser que cambia no en este caso entonces este método debe estar también
disponible aquí y paréntesis para mandar llamar a esa función entonces recargamos nuevamente y escribimos
algo aquí y ser que nos aparecen distintos valores en esta parte que viene a recargar y nada más escribir
una letra pues que nos aparecen distintos valores.
Ahora lo único que nos interesa es contar los que tengan Tabal Rog o los que no tengan nada.
Los que no tengan no no nos interesan las distintas formas de hacerlo pero la más fácil va a ser cortar
esta parte y ponerle IHF contacto punto hasta el punto Display es igual a nada vacío o pipes contacto
punto está el punto Display es igual a Taibo el robo que es la que se habilita una vez que realizamos
la búsqueda se agregarte Balrog entonces ignoramos lo que son y mostramos únicamente los otros dos como
parte del contador.
Entonces cuando se cumple esa condición el total va a incrementar y como estamos en un frizz va a ir
incrementando uno por uno entonces se quiere dar con el punto log total y guardar cambios.
Y si por ejemplo buscas por mi nombre voy a buscar el mío puede ser que hice dos en esta parte realiza
muchas consultas pero se queda en dos.
Eso es exactamente lo que queremos y aquí voy a crear una coma.
Crear una segunda variable.
Si recuerdas en el Index punto PHP habíamos creado ese código que dice total contactos y luego vienen
el spam vamos a quitarlo el número que ahí aparece y vamos a ponerle aquí contenedor número igual a
Tocumen puntos cuál es el lector únicamente cuál es el lector y que a poner total contacto solamente
que si lo tengo como clase Class y luego es spam C-SPAN de esta forma ya tengo aquí el valor.
En esta parte voy a comentar esta línea y ponemos contenedor número punto Tex content igual al total
y de esa forma cuando veamos la búsqueda va a mostrar el número de resultados que encuentre pues es
el que de momento aparece en 6 porque estoy mandando llamar la función una vez que cargue el documento.
Contamos la cantidad de elementos que no tienen display de ninguna forma.
Entonces tienen 6 pero si haces una búsqueda por Juan vemos que aparecen dos.
Si hago un espacio y pongo mi otro nombre aparece uno y si pongo algo que no tiene nada que ver aparece
en cero.
Si recargamos en esta parte y recargar ver que aparecen 6 se agrega un nuevo registro aquí podría añadir
puedes ver que no se ejecuta la función de mostrar el número se queda en 6 a pesar de que ya hay 7 registros
y eso pasa porque nuestra función del número de contactos no está consciente o no sabe no se entera
por así decirlo de que un nuevo registro fue agregado.
La idea es copiar esta función y donde insertamos a la base de datos a copiar donde agregamos todo este
código.
Una vez que mostramos la notificación actualizamos el número
mandamos llamar a esa función guardamos cambios y recargamos vemos que aparece 7 porque acabo de recargar
uno dos y tres añadir y vemos que actualiza 8.
Lo mismo tenemos que hacer con un registro que se va a eliminar.
Voy a copiar esta función y quiero eliminar registro en la parte donde mostramos la notificación hoy
ponemos para que actualice el número una vez que se elimine ese nuevo registro recargamos y Okita de
éste.
Está seguro de yōkai que cambia 7 y se reinicia una búsqueda.
Tanto el buscador como el número de contactos funcionan correctamente.
Si regreso todo puede ser que muestro todos los distintos registros y así puedes ir agregando más funciones
a tu proyecto para hacerlo más interactivo que se va mucho mejor y con esto ya tienes un proyecto que
realiza las cuatro operaciones del crowds lo que se conoce como un crowd crear leer actualizar y eliminar
registros junto con otras características bastante agradables y con eso finalizamos este proyecto en
específico hay más el proyecto adoptas que es similar pero un poco más avanzado y sobretodo GDL webcam
que es el proyecto más avanzado que construiremos en este curso.