[[web:javascript|{{ :iconemaison.jpg?nolink&25|Accueil JavaScript}}]] ==== Où intégrer le code JavaScript ? ==== [Mise à jour le 19/6/2021] * **Sources** : MDN web docs Mozilla ---- === 1. Dans une page HTML === Le code JavaScript s'intègre au sein d'une page HTML avec les balises ****. La balise Le code HTML placé entre les balises **** est **optionnel**. Il s'affiche uniquement pour un navigateur non configuré pour exécuter le JavaScript. === 2. Dans un tag HTML === Le JavaScript s'intègre également directement dans les balises HTML, le plus souvent dans les attributs dédiés à la **gestion des évènements**. // Exemple 1 // : on compte les clics sur un bouton ! Compteur de clics {{ :web:javascript:compteurclic.png?nolink|}} // Exemple 2 // : le compteur de l'exemple précédent est placé dans une fonction. Compteur de clics Compteur : 0
=== 3. Dans un fichier externe === L'intégration de JavaScript dans un fichier externe est la **méthode la plus utilisée**. //Exemple// : la fonction compteur est placée dans un fichier script.js {{ :web:javascript:compteurclicproj.png?nolink|}} var cmpt = 0; function compteur() { cmpt = cmpt + 1; document.getElementById("resultat").innerHTML = cmpt; } Cette fonction est intégrée au code HTML avec l'**attribut** //src// de la balise // L'utilisation de l'extension **.js** n'est qu'une convention, non obligatoire. Elle permet cependant de forcer l'éditeur de code à appliquer la coloration syntaxique dédiée au JavaScript.