Pour lié un fichier JS on va utiliser la balise scriptet simplement lui donner en source le nom vers notre fichier.
Cette balise est à insérer dans le head après toutes les autres importations de fichiers, soit juste avant la fermeture de la balise </head>. Vous pouvez également charger ce fichier tout en bas de votre document, soit juste avant la fermeture de la balise body.
La raison pour laquelle on importe le JS en dernier, c'est pour que le DOM, soit tout le document HTML soit chargé avant d'implémenter le javascript. Si on n'attend pas le chargement, on pourrait lancer des actions javascript sur des éléments HTML qui ne sont encore pas chargé, ce qui peut créer des erreurs.
<head>
// tous les meta données
// tous les fichiers CSS et autres fichiers à importer
<script src="chemin/vers/le/script.js"></script>
</head>ou bien, en bas de page, /!\ c'est l'un ou l'autre, il ne faut pas importer 2 fois le même fichier.
<body>
// tous le contenu du document
<script src="chemin/vers/le/script.js"></script>
</body>