JavaScript es uno de los lenguajes de programación más famosos en el mundo y permite a las páginas ser interactivas. HTML es usado para crear la estructura y el contenido de las páginas, mientras que JS es usado para controlar la funcionalidad de las páginas web. Sin JS, una página no podría tener elementos interactivos y siempre sería estática. JS actualiza la página en tiempo real lo que significa que se puede modificar el HTML en eventos concretos, como pulsar algún botón o rellenar un formulario.
JS es añadido a la página en el código fuente y puede estar incluido bien dentro de la etiqueta <script></script> o bien de manera remota desde otro documento usando el atributo src: <script src="/location/of/javascript_file.js"></script>.
El siguiente código JS encuentra un elemento HTML en la página con id "demo" y cambia el contenido del elemento a "Hack the Planet":
document.getElementById("demo").innerHTML = "Hack the Planet"
Los elementos HTML también pueden tener eventos como "onclick" u "onhover" que ejecutan el JS cuando ocurre el evento. El siguiente código cambia el texto en el elemento con id "demo" a un botón:
<button onclick='document.getElementById("demo").innerHTML = "Button Clicked";'>Click Me!</button>