Hola, mundo, soy Mohamed Omar y aquí está mi Proyecto cero para el desarrollo de la aplicación móvil CS50 con React Native, que es una aplicación de tareas pendientes, así que los guiaré a través de mi aplicación de tareas pendientes Primero: haga clic en el nuevo botón Todo ahora lo haré ingrese un pequeño nombre de tarea diga que es Todo 1 y luego ok y Todo número 2 y Todo número 3 ahora tenemos el número de elementos 3 y el número 3 sin marcar y si marco una tarea, el contador sin marcar cambiará y cambiará nuevamente y cambiará nuevamente y podemos eliminar Todo de la lista y el recuento de elementos cambiará y el contador no marcado también cambiará y así funciona mi aplicación y ahora lo guiaré a través de mi código JavaScript aquí tenemos los objetos de nombres de clase para almacenar clase nombres que usaremos para diseñar y aquí hay algunas variables que obtienen los elementos DOM principales para que la página de la aplicación TODO haga referencia más adelante y aquí hay algunas variables para realizar un seguimiento de los contadores, esta es para el recuento total de elementos y esta para el total cuenta sin marcar Y aquí está la función que actualiza son los contadores en la página y luego, tenemos la función newTodo que creará un nuevo Todo para nosotros Primero, le preguntamos al usuario el nombre de la tarea pendiente usando una alerta y aquí hay una declaración if para evitar una entrada nula y luego aquí actualizamos los contadores y aquí creamos el elemento de la lista y le damos un nombre de clase para el estilo y una identificación que usaremos más adelante y aquí pondremos el elemento de la lista en la página de la aplicación y luego aquí pondremos la casilla de verificación a la tarea y asígnele un nombre de clase para el estilo y un tipo y una identificación que usaremos más adelante y un atributo onClick para llamar a la función CheckTodo y luego agréguelo a la tarea y luego aquí pondremos el texto en el todo y aquí pondremos el botón Eliminar en el Todo y le daremos un nombre de clase y un nombre y una identificación y un valor que usaremos más adelante en la función de eliminación y un atributo onClick para llamar a la función Eliminar TODO y luego agréguelo a la tarea siguiente, aquí tenemos la función Check TODO que toma la identificación de checkBox como un argumento nt para actualizar el contador de elementos no marcados de acuerdo con este estado de checkBox si está marcado o no usando algunas declaraciones if y finalmente, aquí tenemos la función de eliminación TODO que toma el valor del botón de eliminación como un argumento que es el mismo que la identificación de la casilla de verificación y luego obtenga esta casilla de verificación DOM por id y verifique si el todo está marcado o no, para actualizar el contador de elementos no marcados de acuerdo con eso después de eliminar el Todo y finalmente actualice el contador de elementos y eso es todo el código JavaScript de mi aplicación ahora voy a caminar a través del código HTML de mi aplicación y es bastante simple.
Acabo de agregar la referencia bootstrap4 aquí y algo de CSS propio y eso es todo, gracias por mirar.