JavaScript en HTML

JavaScript logra hacer las Páginas HTML más Dinamicas e Interactivas.

La etiqueta script HTML

La etiqueta script es usada para definir scripts del lado del cliente con JavaScript. Este elemento contiene sentencias del lenguaje JavaScript o apunta a un archivo de script externo a través del atributo src. Los usos más comunes para JavaScript son la manipulación de imágenes, la validación de formularios y los cambios dinámicos de contenido.

Para seleccionar un elemento HTML, JavaScript muy a menudo usa el método document.getElementById (id). El siguiente ejemplo de JavaScript escribe "¡Hola mundo!" en un elemento HTML con el id = "demo":

<script>
 document.getElementById("demo").innerHTML = "¡Hola mundo!";
</script>

También es posible cambiar los estilos de los elementos HTML. Como en el ejemplo anterior ahora vamos a cambiar el tamaño de fuente, el color del texto y el color del fondo al elemento HTML con el id = "demo":

<script>
 document.getElementById("demo").style.fontSize = "25px";
 document.getElementById("demo").style.color = "red";
 document.getElementById("demo").style.backgroundColor = "yellow";
</script>

O cambiar los atributos HTML. El siguiente ejemplo cambia la imagen del atributo src de un elemento HTML con el id "imagen":

<script>
 document.getElementById("imagen").src = "imagen.png";
</script>

La etiqueta noscript HTML

La etiqueta <noscript> del HTML es usada para proveer una alternativa de contenido para aquellos usuarios que tienen deshabilitado los scripts en su Navegador Web o utilizan Navegadores que no soportan scripts del lado Cliente.

<noscript>Tu navegador no soporta JavaScript.</noscript>