Mini Proyecto: Lista de Tareas Básica

Generated avatar
javascript ejercicio arreglos ciclos

🎯 Objetivo

Desarrollar un script que permita crear una lista de tareas, agregar nuevas tareas y mostrar todas las tareas existentes utilizando arreglos.

💡 Conceptos a Utilizar

  • Variables (let, const)
  • Tipos de dato (string, number)
  • Arreglos ([])
  • Métodos básicos de arreglos (ej: push para agregar, aunque cmcp-modificando-arreglos viene después, podemos introducir push aquí o pedir que reasignen el arreglo)
  • Ciclos (for)
  • Concatenación de cadenas
  • Mostrar salida (console.log)
  • Entrada del usuario (prompt - opcional, para agregar tareas dinámicamente)

👣 Pasos

  1. Crea un arreglo vacío: Declara una variable (ej: listaTareas) y asígnale un arreglo vacío [] para almacenar las tareas.
  2. Agrega tareas iniciales: Añade algunas tareas (como strings) directamente al arreglo al inicializarlo o usando el método push (si se introduce).
    • Ejemplo: let listaTareas = ["Aprender JavaScript", "Hacer ejercicio"];
    • O usando push: listaTareas.push("Leer un libro");
  3. Muestra las tareas: Usa un ciclo for para recorrer el arreglo listaTareas.
  4. Dentro del ciclo: Por cada tarea en el arreglo, usa console.log para mostrarla en la consola. Puedes incluir el número de la tarea (índice + 1).
🤔 Pista

// 1. Crea un arreglo (con tareas iniciales)
let listaTareas = ["Lavar los platos", "Pasear al perro"];
// 2. Agrega más tareas (opcional)
listaTareas.push("Estudiar arreglos");
listaTareas.push("Comprar víveres");
// 3. y 4. Muestra las tareas usando un ciclo
console.log("--- Mi Lista de Tareas ---");
for (let i = 0; i < listaTareas.length; i++) {
// Muestra el número de tarea (índice + 1) y la tarea
console.log(i + 1 + ". " + listaTareas[i]);
}


☝️🤓
🏋️‍♂️ Ejercicio

¿Cómo podrías usar prompt para permitir al usuario escribir nuevas tareas y agregarlas a la listaTareas hasta que escriba una palabra clave como “fin” o “salir”?

🚀 Extra

¿Cómo podrías permitir al usuario eliminar una tarea específica de la lista? Investiga sobre métodos de arreglo como splice o filter que podrían ayudarte.

Comentarios

Compartir

Esta artículo aparece en estas rutas de aprendizaje

El curso más corto de programación (con JavaScript)

Conceptos fundamentales explicados de la manera más superficial para comenzar a entender de qué se trata la programación

Generated avatar