¡JavaScript!

JavaScript es un lenguaje de programación que se usa para programar el comportamiento de un sitio web. Se trata de un lenguaje interpretado en el cliente por el navegador al momento de cargarse la página, es multiplataforma, orientado a eventos con manejo de objetos.
Un Script es una secuencia de órdenes, en un determinado lenguaje, que puede ser ejecutado por un cliente Web desde su navegador y visualizar el documento en que está contenido. La inclusión de estas secuencias de ordenes en los documentos HTML hace que estos sean más inteligentes. El contenido se genera en forma dinámica, mientras que los valores introducidos en los formularios pueden comprobarse localmente, sin necesitar un servidor ni invertir mucho tiempo en ello.
Podemos decir que JavaScript es simple, ya que no necesitamos amplios conocimientos de programación, es dinámico, respondiendo a eventos en tiempo real y maneja objetos dentro de nuestra página Web y con ello definir diferentes eventos.

Como siempre, ¡hay una parte práctica! Esta semana se trata de crear tantos botones como estilos queremos que tenga nuestra página Web.
En mi caso, he querido modificar los estilos ampliando el tamaño de las letras, pero también se produce una variación de colores en cada estilo. ¿Cómo realizarlo? Muy sencillo:

• Crearemos tantos archivos con extensión .css como estilos queramos cambiar:
• Un identificador al link del estilo que usaremos por defecto:

            <link href="final.css" rel="stylesheet" type="text/css" id="estilo">

• En el head del archivo .html insertamos un script con una función con su nombre:

          <script type="text/javascript" language="JavaScript">

          function cambio(archivo){

          document.getElementById("estilo").href= archivo;

          }

          </script>

• Por último, en el archivo .html añadiremos el botón, que tiene por nombre ¡Aumenta 10%!, y al hacer click llamamos a la función cambio, que lo que hace es pasarle como argumento el nombre del nuevo archivo de estilo .css, en mi caso se llama final2.css

          <button type="button" onclick="cambio('final2.css')">¡Aumenta 10%!</button>

¡Visitar mi página web!

¡Tiene sorpresa! 😊