Ya hemos visto que con el código CSS podemos definir los estilos de presentación de nuestras páginas web. Pero los cambios de color y tamaño que has ido realizando en las casillas anteriores son posibles gracias a otro lenguaje: JavaScript. Este lenguaje proporciona las instrucciones que nos permiten interactuar con la máquina: enviar datos, añadir y modificar información, devolver mensajes de error, etc.
Por ejemplo, aquí tienes las intrucciones que hemos dado para que el encabezado h1 aparezca en rojo.
$(function () {
$("#boton_res7").on('click', cambiarAspecto);
function cambiarAspecto() {
var elemento=document.getElementById("tit1");
if ($("#respuesta7").val()==="h1 {color: red;}"){
elemento.style.color="red";
}
¡Ahora te toca a tí!
Con JavaScript podemos incluir en una página web la fecha y la hora, y además mantenerlas actualizadas. De esta manera hemos cargado el reloj que tienes bajo estas líneas.
Prueba a activar los botones 'Arrancar' o 'Parar' para detener o reiniciar la marcha de este reloj.