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.
Array
Puzzle
Modificación de elementos DOM
Proyecto
Encapsulación
Puzzle
Manipulación DOM
Proyecto
Clases y objetos
Código
Uso de operadores
Puzzle
Uso de operadores
Test
Estructuras de control
Test
Funciones
Código
Excepciones
Test
Transformación con map()
Código
Arrays y Métodos
Código
Transformación con map()
Puzzle
Funciones flecha
Test
Async / Await
Código
Polimorfismo
Código
Variables
Código
Selección de elementos DOM
Puzzle
API Fetch
Código
Encapsulación
Test
Tecnologías de este ejercicio de programación
Entornos de desarrollo para este ejercicio

Visual Studio Code

GitHub