Découverte de JavaScript

Tout comme le CSS, il y a différentes façons d'intégrer les scripts dans les fichiers HTML.

Selon les cas, il y a différentes possibilités, exemple 1 :

Ajout externe spécifique

Création du fichier index.php

    
        
        <!DOCTYPE html>
        <html lang='fr'>
        <head>
            <meta charset='utf-8'>
            <title>JavaScript - Exemple d'une page</title>
        </head>
        <body>
            <h1>Bonjour JS !</h1>
            <!-- Ajout d'un attribut HTML src pour charger un fichier JavaScript externe seulement pour le fichier concerné -->
            <script src='script.js'></script>
        </body>
        </html>

Création du fichier script

    
        
        // Pour écrire sur le fichier HTML
        document.write('<p>Hello world !</p>');

        // Pour afficher une pop-up
        window.alert('Bonjour Hello world !');

        // Pour afficher dans la console
        console.log('Bonjour Hello world !');

Ajout externe global

    
        
        <!DOCTYPE html>
        <html lang='fr'>
        <head>
            <meta charset='utf-8'>
            <title>JavaScript - Exemple d'une page</title>
            <!-- Ajout d'un attribut HTML src pour charger un fichier JavaScript externe depuis <head> pour tous le projet web-->
                <script src='script.js'></script>
            </head>
            <body>
                <h1>Bonjour JS !</h1>
            </body>
            </html>

Création du fichier script

        
            
            // Pour écrire sur le fichier HTML
            document.write('<p>Hello world !</p>');

            // Pour afficher une pop-up
            window.alert('Bonjour Hello world !');

            // Pour afficher dans la console
            console.log('Bonjour Hello world !');

Ajout inline

        
            
            <!DOCTYPE html>
            <html lang='fr'>
            <head>
                <meta charset='utf-8'>
                <title>JavaScript - Exemple d'une page</title>
                <script src='script.js'></script>
            </head>
            <body>
                <h1>Bonjour JS !</h1>
                <!-- Ajout d'un attribut HTML src pour charger un fichier JavaScript interne -->
                <script>
                    // Pour écrire sur le fichier HTML
                    document.write('<p>Hello world !</p>');

                    // Pour afficher une pop-up
                    window.alert('Bonjour Hello world !');

                    // Pour afficher dans la console
                    console.log('Bonjour Hello world !');
                </script>
            </body>
            </html>