Ejercicio final
Lección 40: Ejercicio final
¡Llegamos al ejercicio final del curso! Espero que hayas aprendido mucho con este curso, y ahora, para finalizar propondré un ejercicio final.
(Antes de leer el enunciado, ver el video del resultado del programa, que está abajo del todo)
A continuación se detallarán las funciones que hay que llevar a cabo:
La parte HTML es tal cual véis en el video, lo que nos interesa es la parte javascript, que se compone de 6 funciones:
- Cargar() -> Se cargará en el evento onLoad, y lo único que hará es que el campo de texto "nombre" coja el foco.
- CambiaColor(control) -> Esta función cambiará el color del control que recibe por parámetro. Se ejecuta en el evento onFocus, y para cambiar el color se utiliza la siguiente propiedad: control.style.backgroundColor = "<color>";
- Reset(control) -> Se ejecutará en el evento onBlur, para volver el control a su color original.
- CompruebaDatos() -> Se ejecutará cuando pasemos el ratón por encima del botón "Comprueba Datos". La función comprobará si están rellenos todos los campos o no, y escribirá en el campo de texto la información. El evento que se utilizará será onMouseOver.
-Vaciar() -> Se ejecutará en el onMouseOut para vaciar el campo de texto de cuando se comprueban los datos.
-MuestraDatos() -> Esta función se encargará de mostrar los datos introducidos por el usuario. Se ejecutará en el evento onClick del botón "Mostrar Datos".
¡Mucho ánimo para realizar el ejercicio!
El resultado del ejercicio será el siguiente:
