Eventos en JavaScript

volver a M06 Desarrollo web en entorno cliente

• Guía de referencia de eventos en Javascript Eventos JavaScript

Eventos

1. Crea un botón que al clicarlo imprima en pantalla "Yo sólo puedo mostrarte la puerta, tú eres quien la tiene que atravesar."
2. Crea un página web con un encabezado que diga "entrenando con eventos" y un párrafo que contenga el siguiente texto "Esta es tu última oportunidad, después ya no podrás echarte atrás. Si tomas la pastilla roja te quedarás en el país de las maravillas y yo te enseñaré hasta donde llega la madriguera de conejos. Recuerda, lo único que te ofrezco es la verdad, nada más." Ahora crea dos botones uno que cada vez que lo cliques aumente el tamaño de letra del párrafo y el otro que lo disminuya.
3. Añade un botón al ejercicio anterior que al clicarlo genere aleatoriamente un nuevo color de fondo para la página
4. Añade al ejercicio anterior un evento que al pasar el ratón por encima del encabezado subraye el texto
5. Crea un cuadro de dialogo de información (alert) que aparezca cuando se haya cargado completamente la página
6. Añade al ejercicio anterior dos cajas de texto una para introducir tu nick y otra para introducir una descripción con sus correspondientes labels. Ahora si la caja de texto tiene el foco debería de tener un borde más grande y de color verde y cuando pierda el foco volver a su estado normal.
7. Añade al ejercicio anterior un foto tuya y crea un evento doble clic que muestre un mensaje con tu nombre.