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.
Clases y objetos
Código
Uso de operadores
Puzzle
Uso de operadores
Test
Estructuras de control
Test
Proyecto Manipulación DOM
Proyecto
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
Async / Await
Código
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
Tecnologías de este ejercicio de programación
Entornos de desarrollo para este ejercicio

Visual Studio Code

GitHub