Proyecto administrador de contactos

Descripción

En este proyecto de introducción a JavaScript, crearás una aplicación interactiva para administrar una lista de contactos. La aplicación permitirá agregar nuevos contactos, mostrar una lista de estos y la posibilidad de eliminar determinados contactos existentes si es necesario. En otras palabras: este reto se centrará en la manipulación del DOM y la gestión de eventos.

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

Guarda tu progreso

Inicia sesión para no perder tu progreso y accede a miles de tutoriales, ejercicios prácticos y nuestro asistente de IA.

Progreso guardado

Asistente IA

Ejercicios

Iniciar sesión gratis

Más de 25.000 desarrolladores ya confían en CertiDevs

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.

Solución al ejercicio

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el examen para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.

solution.js

JavaScript

1 function solveChallenge ( input ) {

2 // Algoritmo optimizado O(n log n)

3 const data = parseInput ( input );

4 const sorted = data . sort (( a , b ) => a - b );

6 // Aplicar técnica de dos punteros

7 let left = 0 , right = sorted . length - 1 ;

8 const result = [];

10 while ( left < right ) {

11 const sum = sorted [ left ] + sorted [ right ];

12 if ( sum === target ) {

13 result . push ([ sorted [ left ], sorted [ right ]]);

14 left ++; right --;

15 } else if ( sum < target ) {

16 left ++;

17 } else {

18 right --;

19 }

20 }

22 return result ;

23 }

Código completo

Explicaciones

Mejores prácticas

+1.200 developers han resuelto este ejercicio de programación

Practica con exámenes de JavaScript

Mejora tus habilidades con cientos de exámenes de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.

Retroalimentación

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Comenzar a practicar

Únete a miles de desarrolladores mejorando sus habilidades

⭐⭐⭐⭐⭐

4.9/5 valoración