Desarrollo Web en entorno cliente

Examen 28 de noviembre de 2017

El examen consta de los dos ejercicios que se detallan.

Crear una carpeta denominada igual que vuestro nombre, de la forma

ApellidosNombre. En ella creis los archivos necesarios para los ejercicios. Al finalizar,
comprimir la carpeta en formato ZIP y enviarla a la asignacin de Teams.

EJERCICIO 1

Realizar una pgina Web denominada formulario.html. La pgina contendr un

formulario con los elementos de entrada que se detallan ms abajo, y sus
correspondientes etiquetas. Los elementos del formulario estn sujetos a los procesos
de validacin que se describen:

NOMBRE Y APELLIDOS

No puede estar en blanco y su longitud debe estar comprendida entre 20 y 50

caracteres.

NIF

Debe ser una cadena de 8 letras finalizada en un nmero comprendido entre el 0 y el 9.

EDAD

No puede ser inferior a 18 ni superior a 60

EMAIL

Debe contener una cadena de al menos tres caracteres, seguidos de un carcter @,

seguido de una cadena de al menos cuatro caracteres, seguidos de un punto y finalizar
con una cadena de tres caracteres.

Todos las validaciones se resolvern con JavaScript y se realizarn al clicar sobre un

botn para ENVIAR la informacin. Los errores de validacin deben mostrarse en la
pgina de forma clara. No deben utilizarse ventanas modales con alert.

Pgina 1|3
EJERCICIO 2
Realizar una pgina Web denominada juego.html. El color de fondo de la pgina ser
rgb(231, 230, 230). Se aplicar un diseo adecuado.

La pgina contiene los siguientes elementos: introduccin del nmero de filas,

seleccin del color de entre los siguientes: verde, azul, rojo y amarillo, y botn Jugar
para iniciar el juego.

En el nmero de filas se debe poder seleccionar o introducir valores comprendidos

entre 2 y 6. Para seleccionar el color se pulsa sobre el deseado y se mostrar
visualmente cul es el seleccionado.

Estos son los nicos elementos que deben figurar en la seccin BODY del documento
HTML, el resto de contenido se crear de forma dinmica.

El juego consiste en lo siguiente. Al iniciarlo se deben de pintar en la pgina un nmero

determinado de crculos en tantas filas como se han seleccionado. En la primera fila se
pintar un circulo, en la segunda dos, en la tercera tres, etc. Estos crculos sern de
color blanco. Adems, se deben mostrar alineados tanto vertical como horizontalmente
y se dejar un espacio entre ellos.

Una vez colocados los crculos el juego consiste en pintarlos. Para ello se selecciona el
color de entre los cuatro posibles y se establece visualmente la eleccin. Al pulsar sobre
un crculo, ste deber pintarse con el color seleccionado. Si no hay color seleccionado
el circulo no se pinta y sigue en blanco. Podremos tener crculos pintados con colores
diferentes.

Pgina 2|3
En cualquier momento podremos reiniciar el juego pulsando sobre Jugar y se
mostrarn los crculos en blanco en tantas filas como se definan.

Pgina 3|3