jueves, 4 de junio de 2020

Ejercicios JQuery VI.

  1. Realiza una web con el titulo (Ejercicio número 1) y 4 cuadrados adyacentes, al lado uno de otro,(NO ENCIMA, NI DEBAJO, en fila) de 50 x 50, cada uno con un color de fondo distinto. Crea 2 botones, uno izquierda y otro derecha. Cada vez que pulses sobre un botón, los colores se desplazarán al cuadrado de al lado en la dirección que indica el botón.
  2. Realiza un formulario, en el que introduzcas tu nombre, apellidos, alias, dos checkboxs en el que preguntes si eres mayor de edad(uno mayor de edad, otro menor de edad), crea también dos radios, uno con la nacionalidad "Española" y otro radio con "otra". Si eliges la opción de mayor de edad y solo si eliges esta opción, tendrá que aparecer otra caja para introducir la edad, si eliges menor de edad, que se muestre un mensaje indicando la situación (“No eres mayor de edad, no puedes continuar”), y no tendrá más opciones, y desaparecerán el resto de elementos del formulario(los radios de nacionalidad) y no podrás enviar, se desactiva el botón de enviar. En los radios buttons, si eliges la opción “otra”, y solo al marcar esta opción, tendrán que aparecer otras cajas para introducir el país, fecha de llegada y fecha de salida del país y otro campo de observaciones donde pueda explicar el motivo de la visita. Realiza un Tip, sobre el campo alias, mostrando el mensaje, “es tu sobrenombre o mote”.
  3. Realiza una página que muestre una tabla centrada de 4x9. Los encabezados serán los nombres de las provincias de esta comunidad y las filas localidades de esas provincias.se pide:
    1. Crea un cuadro para introducir la localidad que quieras buscar en la tabla.
    2. Al lado crea el botón oportuno que al pulsar hará que resalte en la tabla la localidad que has introducido anteriormente.
    3. Además aparecerá un texto debajo indicando la provincia a la que pertenece. Si no existiera la localidad aparecerá un mensaje indicando tal situación.
    4. Crea otro cuadro para introducir el estilo que quieras aplicar en la tabla. Por ejemplo, fuente, tamaño de fuente, color fuente, estilo fuente, fondo celda.
    5. Crea 2 botones, uno que ponga celdas y otro cabecera, que al pulsar sobre el que quieras se aplique el estilo introducido anteriormente.

No hay comentarios:

Publicar un comentario