🚀 Prácticas de JavaScript para Desarrollo Web

Este repositorio contiene una colección de 17 ejercicios prácticos de JavaScript diseñados para reforzar conceptos fundamentales del desarrollo web. Cada ejercicio se centra en una tarea específica, desde la manipulación de eventos del DOM hasta la validación de formularios y el uso de temporizadores.

El proyecto está estructurado en un único archivo index.html, estilizado con styles.css y toda la lógica de interactividad está contenida en script.js.

🎯 Ejercicios Incluidos

El proyecto cubre las siguientes funcionalidades, cada una en su propia sección:

1. Evento Click: Un botón que muestra una alerta y cambia un párrafo al ser clickeado.
2. Eventos del Mouse: Un div que cambia de color con mouseover (al pasar el mouse por encima) y mouseout (al salir).
3. Eventos como Funciones: Un botón que dispara un evento click añadido íntegramente desde el script.
4. Variable this: Botones que se pasan a sí mismos como parámetro (this) a una función para cambiar su propio estilo.
5. Obtener Valores (Input): Capturar el valor de un input type="text" para mostrar un saludo personalizado.
6. Select y Propiedades: Obtener la opción seleccionada de un menú desplegable (<select>).
7. Validar E-mail: Comprobar si un texto ingresado cumple con el formato de un correo electrónico usando Expresiones Regulares (RegEx).
8. Restringir Caracteres: Validar un input para que solo acepte números y limitar su longitud a 10 caracteres.
9. Objeto Math: Generar un número aleatorio entre 1 y 100.
10. Objeto Date: Mostrar la fecha y hora actual del sistema.
11. Temporizadores (setInterval): Iniciar un reloj digital que se actualiza cada segundo.
12. Corrección de Errores (Números Primos): Un algoritmo que verifica si un número ingresado es primo.
13. Validar Contraseña Segura: Usar RegEx para validar que una contraseña tenga al menos 8 caracteres, mayúsculas, minúsculas, números y un carácter especial.
14. Eliminar Duplicados de un Array: Tomar una entrada de texto (números separados por comas), convertirla en un array y mostrar una versión sin duplicados (usando Set).
15. Contador Regresivo: Iniciar una cuenta atrás desde 10 hasta 0.
16. Cambiar Formato de Texto: Convertir dinámicamente un elemento <p> en un elemento <h2> en el DOM.
17. Filtrar Menores de Edad: Calcular la edad del usuario basado en su fecha de nacimiento y mostrar contenido condicional si es mayor o menor de 18 años.

🛠️ Tecnologías Utilizadas

• HTML5: Para la estructura semántica del contenido (index.html).
• CSS3: Para los estilos, colores y layout de la página (styles.css).
• JavaScript (ES6+): Para toda la lógica e interactividad, incluyendo:
  • Manipulación del DOM (getElementById, textContent, style).
  • Manejo de Eventos (addEventListener, onclick).
  • Funciones, Objetos (Math, Date) y Expresiones Regulares.
  • Temporizadores (setInterval, clearInterval).

🏁 Cómo Usar

Este es un proyecto estático (solo frontend), por lo que no requiere instalación ni dependencias.

1. Clona o descarga este repositorio en tu máquina local.
2. Navega a la carpeta del proyecto.
3. Abre el archivo index.html en tu navegador web preferido (como Chrome, Firefox, o Edge).

¡Y eso es todo! Ya puedes interactuar con todos los ejercicios.

---