Aller au contenu principal

Une fonction JavaScript

Utiliser JavaScript dans le navigateur est relativement simple.

  1. Créez un fichier tp-js-fonction.html dans le dossier javascript (dans le dossier de vos Documents).

  2. 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.

    astuce

    Pour 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'ID demo.

  3. 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.

    info

    Pour 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.

  4. 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.

attention

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