- Ejercicios de programacion básica: funciones, arrays, objetos, bucles, condicionales, eventos del DOM.
- Validación de correo electrónico: El campo de correo se valida utilizando el atributo
type="email"de HTML5. El formulario verifica que el correo ingresado sea válido antes de guardarlo. - Almacenamiento en localStorage: El correo electrónico ingresado se guarda en el almacenamiento local del navegador. Este puede ser eliminado con el botón correspondiente.
- Mensajes dinámicos: Los mensajes de éxito o error se muestran en la página dependiendo de si el correo fue guardado o si hay algún problema con el valor ingresado.
- HTML5: Estructura del formulario y uso del campo
input type="email"para la validación nativa de correos electrónicos. - JavaScript: Manejo de eventos, validación de correos y gestión de
localStoragepara guardar y eliminar los datos. - CSS: Aplicación de estilos a través de clases que se añaden dinámicamente para mostrar mensajes de éxito o error.
- Clonar el repositorio:
Descarga el zip de este repositorio y extraelo en tu pc.
- Abrir el proyecto:
Es necesario descargar las dependencias necesarias para correr el programa. npm install para las dependencias, npm run dev para correr el proyecto
- Ingresar un correo electrónico:
Introduce un correo electrónico válido en el campo del formulario. Haz clic en el botón "Guardar correo". Si el correo es válido, se mostrará un mensaje de éxito y el correo se guardará en localStorage. Eliminar el correo:
Haz clic en el botón "Eliminar correo" para eliminar el correo guardado de localStorage.