El primer script
Existen dos formas de utilizar código JavaScript en nuestros proyectos web:
1ª.- Incrustado dentro del archivo HTML
a) En la cabecera (head),
utilizando la etiqueta script.
b) En cualquier lugar del cuerpo (body),
utilizando también la etiqueta script.
c) En un evento de un elemento:
en el propio evento o llamando a una función JS
2ª.- Desde un archivo externo, enlazado previamente
Utilizando la etiqueta script vacía, pero con el atributo src para enlazar un archivo externo con extensión .js
Observación: el orden de colocación del código JS dentro de un archivo HTML importa. Es decir, no podemos, por ejemplo, cambiar mediante JS alguna caracteriística de un elemento de la página si antes no se ha cargado dicho elemento.
Ejemplo:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>El primer script</title>
<script>
console.log('Hola Mundo en la consola');
</script>
</head>
<body>
<h2>Distintas formas de ejecutar código JS</h2>
<button onclick="alert('Hola mundo desde botón')">Púlsame, y saludo en ventana</button>
<script>
document.write('Hola mundo en el mismo documento'+ '<br>');
</script>
<script src="js/codigo.js"></script>
</body>
</html>
Salida, en el navegador: