La idea clave
Un gestor de tareas conecta datos y pantalla. Primero necesitas añadir una tarea; después puedes marcarla, filtrar y guardarla para la próxima visita.
Ejemplo paso a paso
Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.
const tareas = [];
function agregar(texto) {
tareas.push({ texto: texto, hecha: false });
}
agregar('Practicar JavaScript');
console.log(tareas);- tareas empieza siendo una lista vacía.
- agregar introduce un objeto con texto y un estado inicial false.
- El proyecto real dibuja la lista, permite marcar tareas y usa localStorage para conservarlas.
Practica con código
Antes de empezar, piensa: ¿Qué estado inicial tiene una tarea recién creada?
Abre el gestor, añade dos tareas, marca una y recarga la página.
Las tareas siguen ahí tras recargar y la tarea terminada mantiene su estado.