Ejercicio de programación con JavaScript: Proyecto administrador de contactos

Proyecto
Puntuación
1h 30m

Abre el archivo script.js y completa las siguientes funcionalidades:

Agregar contacto

  • Descripción: al hacer clic en el botón "Agregar Contacto", debe agregarse un nuevo contacto a la lista. El contacto debe contener el nombre y el teléfono ingresados.
  • Requisitos:
    • Si alguno de los campos está vacío, no se debe agregar el contacto y se mostrará la siguiente alerta: "Por favor, introduce tanto el nombre como el número de teléfono."
    • El contacto debe aparecer en un elemento de lista (<li>) dentro del elemento con id contactList.

Mostrar contactos

  • Descripción: los contactos agregados deben mostrarse en una lista desordenada (<ul>) dentro del elemento con id contactList.
  • Requisitos:
    • Cada contacto tiene que mostrarse en un elemento de lista (<li>) y debe contener un botón para eliminar el contacto.

Eliminar contacto

  • Descripción: al hacer clic en el botón de eliminar, el contacto correspondiente debe suprimirse de la lista.
  • Requisitos:
    • El botón de eliminar debe estar dentro del mismo <li> que el contacto correspondiente.
Empezar ejercicio de programación

Más ejercicios de programación con JavaScript

Evalúa tus conocimientos en JavaScript con más ejercicios de programación de tipo Test, Puzzle, Código y Proyecto con VSCode.

Tecnologías de este ejercicio de programación

Entornos de desarrollo para este ejercicio

Image

Visual Studio Code

Image

GitHub