Skip to content

Hallerjack/desafio_5_Javascript_ADL

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Desafío 5: To Do List

Lista de Tareas

Desafío realizado para la tercera evaluación de Desafío Latam - Módulo 3: Javascript, Carrera Desarrollo Fullstack. G107.

Instrucciones dadas:

Aplicando los conceptos y herramientas aprendidas hasta ahora, deberás crear una página web que permita mantener un control de tareas pendientes.

El resumen debe actualizarse cada vez que se agregue, modifique o elimine una tarea. Se deberá permitir al usuario agregar nuevas tareas a través de un input, las cuales serán enlistadas con su detalle y opciones para marcar si están listas o eliminar:

Las tareas deberán registrarse en un arreglo de objetos que guarde el id, la descripción y si ésta está realizada o no. Cuando una tarea está realizada puede cambiarse el estilo del texto o puede aparecer como un texto que diga "realizado". Tu decides.

Requisitos solicitados:

  1. Agregar tareas con descripción al llenar el input y presionar el botón agregar tarea, la tarea es agregada al arreglo y luego la lista en la página web se actualiza (2 puntos).

  2. Borrar una tarea al hacer click en el botón que acompaña a la tarea. Se debe borrar el dato del arreglo y actualizar la lista. (2 puntos).

  3. Contar el total de tareas, mantener actualizada esta cuenta cuando se agregue una tarea nueva o se borre una tarea (2 puntos).

  4. Marcar una tarea como completada al hacer click en un botón "cambiar" (o se puede utilizar un checkbox como muestra la imagen) (2 puntos).

  5. Contar el total de tareas realizadas (1 punto)

  6. El código incluye al menos 3 tareas iniciales en el arreglo y estas se muestran en la página web recorriendo el arreglo (se puede utilizar for of o forEach) (1 punto)

Lenguajes utilizados

HTML5 CSS3 Javascript

Herramientas utilizadas

Git GitHub

Funcionalidades trabajadas

  • ✅ Arreglos
  • ✅ Objetos
  • ✅ Arreglos de Objetos
  • ✅ Push
  • ✅ findIndex
  • ✅ Método filter
  • ✅ Bucles for of
  • ✅ Interpolación
  • ✅ Modificación del DOM
  • ✅ Funciones
  • ✅ Condicionales
  • ✅ Variables
  • ✅ Operadores aritméticos
  • ✅ Operadores de comparación
  • ✅ Operadores logísticos
  • ✅ querySelector
  • ✅ innerHTML

👨‍💻 Autor

Fernando González Díaz - Diseñador web / Desarrollador Front-End


Proyecto desarrollado como parte del bootcamp Full Stack JavaScript de Desafío Latam - 2026

About

Desafío realizado para la tercera evaluación de **Desafío Latam - Módulo 3: Javascript**, Carrera Desarrollo Fullstack. G107.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors