Une fonction JavaScript
Utiliser JavaScript dans le navigateur est relativement simple.
-
Créez un fichier
tp-js-fonction.html
dans le dossierjavascript
(dans le dossier de vosDocuments
). -
Ajouter une balise script :
Dans votre fichier HTML, vous pouvez ajouter du code JavaScript directement en utilisant la balise
<script>
. Cette balise peut être placée dans la section<head>
ou<body>
de votre document HTML.astucePour des raisons de performances, il est recommandé de placer la balise
<script>
juste avant la balise de fermeture</body>
.Exemple :
<!DOCTYPE html>
<html>
<body>
<h2>Mon premier script JavaScript</h2>
<button onclick="maFonction()">Cliquez ici</button>
<p id="demo"></p>
<script>
function maFonction() {
document.getElementById("demo").innerHTML = "Bonjour, JavaScript!";
}
</script>
</body>
</html>Dans cet exemple, lorsque vous cliquez sur le bouton, la fonction
maFonction()
est appelée.La fonction
maFonction()
utilise JavaScript pour changer le contenu du paragraphe avec l'IDdemo
. -
Utiliser un fichier JavaScript externe :
Au lieu d'écrire votre code JavaScript directement dans votre fichier HTML, vous pouvez le placer dans un fichier JavaScript séparé (avec l'extension
.js
) et ensuite faire référence à ce fichier dans votre fichier HTML.Cela va rendre votre code plus organisé et plus facile à gérer, surtout si vous travaillez avec beaucoup de JavaScript.
infoPour inclure un fichier JavaScript externe, il suffit :
- de déplacer le code JavaScript dans un fichier (par exemple
monscript.js
) - et d'ajouter un attribut
src
qui pointe vers ce fichier JavaScript dans la balise<script>
,
Exemple :
<!DOCTYPE html>
<html>
<body>
<h2>Mon premier script JavaScript externe</h2>
<button onclick="maFonction()">Cliquez ici</button>
<p id="demo"></p>
<script src="monscript.js"></script>
</body>
</html>Dans ce cas, le code JavaScript serait dans le fichier
monscript.js
. - de déplacer le code JavaScript dans un fichier (par exemple
-
Exécuter le fichier HTML dans le navigateur :
Enfin, pour exécuter votre code JavaScript, ouvrez simplement le fichier HTML dans un navigateur Web. Le navigateur exécutera le code JavaScript intégré ou référencé dans le fichier HTML.
Notez que pour des raisons de sécurité, de nombreux navigateurs modernes ne permettent pas l'exécution de JavaScript à partir de fichiers locaux (c'est-à-dire des fichiers sur votre propre ordinateur). Vous devrez peut-être exécuter votre fichier HTML à partir d'un serveur local ou en ligne pour que le JavaScript fonctionne correctement avec par exemple la commande php -S localhost