Usar Javascript en HTML
Una de las tecnologías fundamentales de la web es Javascript y existen muchas formas de insertar código javascript en un archivo HTML, ya sea haciendo referencia a un archivo externo o agregando el código entre la etiqueta de apertura y cierre de script.
Dentro de la etiqueta script
Una de las formas es colocando el código javascript entre la etiqueta script de apertura y de cierre. De esta forma podemos tener el código javascript en el mismo archivo que nuestro código HTML.
Por ejemplo :
<body>
<script>
// Código javascript a ejecutar
setTimeout(() => {
alert("Alerta despúes de 3 seg");
}, 3000);
</script>
</body>Usando archivo externo
Para hacer uso de esta forma, requerimos agregar el atributo src a la etiqueta script, el cual contendrá la url relativa o absoluta del archivo javascript.
Por ejemplo, si colocamos dentro de un archivo javascript llamado "script.js", lo siguiente :
setTimeout(() => {
alert("Alerta despúes de 3 seg");
}, 3000)Así mismo, si nuestro archivo html se encontrara en el mismo directorio que el archivo javascript creado anteriormente, lo importamos de la siguiente forma :
<body>
<script src="./script.js"></script>
</body>Tener en cuenta que la etiqueta script se puede agregar tanto en el head como en el body del documento HTML.
¡Happy coding! 🐤