Formulario

Este proyecto consiste en desarrollar un formulario de creación de cuenta de usuario para un sitio web. El formulario incluirá diversas validaciones de datos para asegurar la correcta entrada de información.

---

Descripción general

El formulario debe estar integrado dentro de un sitio web con una temática libre, para que tenga sentido en su contexto.

• Si reutilizas un sitio web que ya hayas creado, haz una copia completa de todos los archivos en esta carpeta. No trabajes directamente sobre los archivos del proyecto original.
• Sobre esta copia, crea una nueva página llamada formulario.html que contenga el formulario de creación de cuenta, relacionado con la temática del sitio.
• En la página principal (index.html), crea un enlace visible que redirija a formulario.html.

---

Estructura recomendada del proyecto

• Carpeta estilos/ para el archivo CSS (estilos.css).
• Carpeta imagenes/ para las imágenes del sitio (en caso de usarlas).
• Uso de etiquetas semánticas HTML5 para estructurar el documento index.html.

---

Requisitos específicos

Archivo index.html

• Debe incluir:
  • Un título claro para la página.
  • Un enlace que dirija a la página del formulario (formulario.html).
  • Tu nombre al final de la página, como autor.

Archivo formulario.html

• Debe incluir:
  • Un título para el formulario.
  • Campos para recoger:
    • Nombre
    • Apellido 1
    • Apellido 2 (opcional)
    • Fecha de nacimiento
    • Dirección de correo electrónico
    • Contraseña
    • Repetición de la contraseña
  • Botón para “Crear cuenta”.

---

Validaciones con JavaScript

El formulario debe validar lo siguiente antes de enviar:

• Los campos obligatorios (todos excepto Apellido 2) no pueden estar vacíos.
• La dirección de correo electrónico debe tener un formato válido (texto@texto.texto).
• El usuario debe ser mayor de edad para poder registrarse.
• La fecha de nacimiento no puede ser futura respecto a la fecha actual.
• Las contraseñas deben coincidir.
• La contraseña debe tener al menos 8 caracteres.
• En caso de error, mostrar un mensaje claro indicando qué campo tiene el problema.

---

Comportamiento tras enviar el formulario

• Al hacer clic en “Crear cuenta” y si todo es correcto, debe mostrarse un mensaje que diga:“Se ha creado correctamente la cuenta de [nombre] [apellido]”.
• Además, debe cambiar el color de fondo de la página para indicar el éxito.

---

Buenas prácticas valoradas

• Estructurar el código JavaScript en funciones separadas para mejorar la organización y legibilidad.