Universidad Tecnologica del norte

de Aguascalientes

Materia: Desarrollo web

Actividad: Examen EP2

Maestro: Jorge Eduardo

Alumno: José Armando Suarez

Salaza

08/03/2023
Introduccion
Se va a crear una pagina web donde en la mitad izquierda hay un formulario
con 2 campos para añadir el correo y el nombre del usuario, un apartado para
la elección de la carrera y un apartado de checkbox donde el usuario
seleccionara los que desee para decir cuales son sus pasatiempos.
Al momento de presionar el boton de siguiente, los datos del primer
formulario se mandaran al formulario que se encuentra en la otra mitad,
donde no se podrán modificar los datos ingresados.
Estos datos se guardaran en un array para allmacentarlos y poder
consultarlos despues.
La pagina tendra sus alertas, por si hay un campo vacío, informar al usuario
para no enviar el documento en blanco.
Desarrollo
1. Creamos una etiqueta desdeel DOM en el footer

2. Se crearon los 2 formularios, al de la izquierda se le ingresaran los datos

que tendra el de la derecha, este tendra un disabled para que los datos no
sean modificados.
3. El contador esta contando el numero de usuarios registrados.
4. Al momento de presionar siguiente los datos se guardaran un un array y
seran mandados a la consola y se allmacena en LocalStorage.

5. Se le asigno a cada campo una alerta que avisa al usuario que algun
campo esta vacio.
Al momento de mandar la alerta, el contador se detiene, ya que aun hay
capos incompletos.

6. Para facilitar la posicion de los formularios se utilizo la documentacion de

bootsrap, aasi como tambien nos ayudo a dar algo de estilos.
7. Al momento de enviar el formulario, los datos se limpian automaticamente
o se puede hacer desde el boton de Limpiar.
8. Los datos registrados se guardan en un array que se guarda en
Localstorage.

9. Lo que no funciono fueron los botones de anterior y siguiente, ya que se

complico a la hora de mandar llamar los arrays creados.
Solo se agrego lo funcion de guardar al boton de siguiente, pero ya no se
puede regresar.
Conclusion
Al momento de crear este proyecto nos damos cuenta de que aun
necesitamos mejorar nuestra lógica al momento de crear funciones que
parecen sencillas, pero al momento de crearlas nos damos cuenta de que se
necesita un proceso mas extenso, pero muy sencillo, aunque hubo funciones
de la pagina que no pude resolverlos por falta de tiempo y análisis del
contenido.