Javascript y HTML

Como hemos visto a lo largo del tutorial, el html tiene una importante limitación: es un lenguaje estático, sin interactividad con el usuario. Javascript con HTML es un lenguaje que nos ayuda a salvar esa barrera y que nos ofrece un mayor dinamismo.

Los programas del lenguaje Javascript se escriben dentro del html. Nosotros no vamos a enseñarte a utilizar este lenguaje, pero sí queremos mostrarte como incluirlo en tu página Web, dentro del lenguaje html.

Aunque existen diferentes formas de incluir Javascript en un documento html, nosotros vamos a mostrarte la más común: mediante la etiqueta <script> y su correspondiente cierre: </script>. Además deberemos indicar dentro de esa etiqueta el lenguaje (language=»Javascript») y el tipo (type=»text/javascript»).Dentro de esta etiqueta irá el programa Javascript. En un mismo documento html podemos incluir varias etiquetas <script>. El único requisito es que todas ellas estén convenientemente cerradas.

En el siguiente ejemplo verás una de las muchas cosas que se pueden hacer mediante Javascript.

<span id="emulaBoton">Soy un span pero actúo como un botón. ¡Púlsame!</span>

<script>

document.getElementById("emulaBoton").onclick = function(){

alert("¡Me has pulsado!");

}

</script>

Se puede comprobar la implementación aquí:

Eso es todo. Y ahora: ¡a practicar!