El ejercicio de hoy, consiste en hacer un cambio de estilo de nuestra web a traves de este lenguaje, para ello creamos un nuevo documento de .css con distinto nombre, y añadimos una serie de marcadores en nuestro archivo .html.
Un identificador: <link href="final.css" rel="stylesheet" type="text/css" id="estilo">
Un script con una función:
<script type="text/javascript" language="JavaScript">
function cambio(archivo){
document.getElementById("estilo").href= archivo;
}
</script>
Y un boton e el body:
<button type="button" onclick="cambio('final3.css')">Cambio de estilo!</button>
Con esto conseguimos hacer un cambio dinámico en nuestra web.
Este es el aspecto inicial:
y dando al botón cambio de estilo, cambiamos lo siguiente:
Este es el aspecto inicial:
No hay comentarios:
Publicar un comentario