Ejercicio de programación con JavaScript: Proyecto administrador de contactos
Proyecto
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 idcontactList
.
- Si alguno de los campos está vacío, no se debe agregar el contacto y se mostrará la siguiente alerta:
Mostrar contactos
- Descripción: los contactos agregados deben mostrarse en una lista desordenada (
<ul>
) dentro del elemento con idcontactList
. - Requisitos:
- Cada contacto tiene que mostrarse en un elemento de lista (
<li>
) y debe contener un botón para eliminar el contacto.
- Cada contacto tiene que mostrarse en un elemento de lista (
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.
- El botón de eliminar debe estar dentro del mismo
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.
Excepciones
Test
Transformación con map()
Código
Arrays y Métodos
Código
Reto Métodos de Strings
Código
Transformación con map()
Puzzle
Funciones flecha
Test
Selección de elementos DOM
Puzzle
API Fetch
Código
Encapsulación
Test
Mapas con Map
Código
Creación y uso de variables
Puzzle
Polimorfismo
Puzzle
Reto Funciones flecha
Código
Tipos de datos
Puzzle
Reto Operadores avanzados
Código
Reto Estructuras de control
Código
Estructuras de control
Puzzle
Pruebas unitarias
Proyecto
Inmutabilidad y programación funcional pura
Código
Funciones flecha
Puzzle
Tecnologías de este ejercicio de programación
Entornos de desarrollo para este ejercicio

Visual Studio Code

GitHub