javascript

¿Dentro de qué elemento pones JavaScript?

Practica Tu Conocimiento

Explicación

Incrustando JavaScript usando la Etiqueta

La pregunta nos hace pensar sobre cómo incrustar JavaScript dentro de un documento HTML. La respuesta correcta es que se utiliza la etiqueta <script>.

El JavaScript es un lenguaje de programación que se usa para hacer páginas web interactivas. Aunque es posible escribir JavaScript en un archivo separado y luego vincularlo, a menudo se coloca directamente en el código HTML por medio de la etiqueta <script>.

Aquí hay un ejemplo muy básico de cómo se hace esto:

<!DOCTYPE html>
<html>
<body>

<h2>Un Ejemplo de JavaScript Incrustado</h2>

<p id="demo">Un texto que será cambiado por JavaScript.</p>

<script>
document.getElementById("demo").innerHTML = "¡Texto cambiado por JavaScript!";
</script>

</body>
</html>

En este ejemplo, el script de JavaScript cambia el contenido de un elemento HTML con id="demo".

Es importante observar algunas reglas y practicas recomendadas:

Ubicación del Script: Generalmente, es mejor colocar los scripts al final del cuerpo de tu documento HTML para evitar el bloqueo de la visualización del contenido mientras el JavaScript se está cargando y/o ejecutando.
Archivos de Script Externos: Ya que los scripts pueden ser largos y complejos, se recomienda guardarlos en archivos separados con la extensión .js y luego enlazarlos en tu HTML usando la etiqueta <script src="tuArchivo.js"></script>. Esto mejora la organización del código y permite el cacheo del script por parte del navegador, mejorando la velocidad de carga de la página.
No usar las etiquetas <var>, <section>, o <code> para incluir JavaScript: Aunque estas etiquetas pueden tener uso dentro de un script de JavaScript o en otros contextos de HTML, no deben ser usadas para incrustar JavaScript en tu HTML. La única etiqueta correcta para hacerlo es <script>.

Finalmente, recordemos: JavaScript es una poderosa adición a las capacidades de HTML y CSS. Al dominar su uso y mejores prácticas, podrás crear páginas web más dinámicas, interactivas y atractivas para el usuario.

¿Quieres más? Haz el cuestionario completo de Javascript Fundamentos.

Iniciar Quiz