viernes, 25 de mayo de 2018

Ejercicios jQuery III

Ejercicios de JQuery.

  1. Realiza una web con un titulo y dos cuadrados adyacentes, de 200 x 200, cada uno con fondos distintos. Cada vez que hagas clic, 2clic,en el cuadrado de la izquierda, cada vez que entres o salgas del cuadrado de la izquierda, en el 2º cuadrado de la derecha se deben mostrar las veces que has realizado los eventos anteriores.
  2. Añade otro tercer cuadrado, de 100 x 100, con su color de fondo correspondiente, distinto a los anteriores. Haz que cuando pulses, con el ratón(click) sobre este nuevo cuadrado, los dos anteriores pasen a tener las dimensiones y color de fondo, del tercer cuadrado.
  3. Crea un botón que te permita reducir el tamaño del segundo cuadrado lo que tu quieras.
  4. Crea un botón que te permita aumentar el margen del segundo cuadrado lo que tu quieras.
  5. Realiza un botón que cada vez que pulses te vuelva a la situación inicial, con los dos cuadrados vacíos.
  6. Cada vez que pulse en el segundo cuadrado, que te aparezca la posición del ratón en el primer cuadrado.
  7. Cada vez que hagas doble clic en el tercer cuadrado, que se mueva para abajo 15 px.
  8. Realiza un pequeño formulario, en que introduzcas tu nombre y apellidos, un checbox en el que preguntes si eres mayor de edad, si es así que aparezca otra caja para introducir la edad, si eres menor de edad, que se muestre un mensaje indicando la situación y que no puedes seguir adelante. Crea tambien dos radios, uno con la nacionalidad "Española" y otro radio con "otra", en este último caso que aparezca otra caja para introducir el pais.

No hay comentarios:

Publicar un comentario