JavaScript nos permite hacer modificaciones sobre el código HTML y CSS, vistos en las casillas anteriores. Podemos sustituir o añadir contenido a esos códigos utilizando métodos o funciones específicas y activando dichas funciones mediante eventos (pulsar un botón, por ejemplo). Los eventos se asocian a acciones que ha de realizar el usuario para que las funciones puedan ejecutarse.
En esta casilla vamos a ver cómo al pulsar el botón ‘Comprobar’ (el evento) se van a procesar las funciones a él asociadas y cuáles son los resultados. Se trata de cuatro funciones que se realizan sobre el encabezado ¡Ahora te toca a tí!
- Añadir contenido ('Pregunta número 12') al código ya existente.
- Añadir propiedades de estilo (CSS) para que el contenido aparezca subrayado.
- Ocultar el encabezado.
- Volver a mostrar dicho encabezado.
Si activas el botón 'Mostrar código' podrás ver el código JavaScript utilizado.
¡Ahora te toca a tí!
Para hacer más fácil esta prueba vamos a dar un nombre a cada una de las funciones: Contenido, Subrayar, Ocultar y Mostrar. Introduce en la caja de texto uno de los cuatro nombres y activa el botón 'Comprobar', para ver sus efectos.
Puedes repetir el ejercicio, sin recargar la página, incluyendo las funciones de una en una, en el orden que se presentan.