Aprender construyendo

Gestor de tareas

Añade tareas, márcalas, filtra las pendientes y conserva los datos para tu próxima visita.

Cómo funciona

El array de tareas es la fuente de verdad. Cada tarea tiene un identificador, un texto y un estado. La pantalla se vuelve a dibujar después de una acción; localStorage conserva los datos como texto JSON.

Antes de empezar: Lección 57 · Proyecto: añade una tarea a un gestor

Pruébalo

    Tus tareas de esta demo se guardan en este navegador.

    Comprueba el comportamiento

    1. Añade dos tareas y marca una como hecha.
    2. Elige Pendientes: solo debe verse la tarea sin completar.
    3. Recarga la página: las tareas y sus estados deben conservarse.

    Haz tu propio cambio

    En tu copia, añade un contador de tareas pendientes. Comprueba la lista vacía, una tarea nueva y una tarea completada.

    Esta práctica se autoevalúa: probar la demo no corrige ni valida los archivos que hayas modificado.