Les variables et les constantes avec JS

Les variables

Création du fichier index.php

    
        
        <!DOCTYPE html>
        <html lang='fr'>
        <head>
            <meta charset='utf-8'>
            <title>JavaScript - Affichage d'une variable</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

        
            
            // Déclaration de la variable qui sert à stocker des informations.
            let variable;

            // Affectation d'une valeur à la variable.
            variable = 'Hello world !';

            /**
            * Il est possible de regrouper la déclaration et affectation en même temps :
            *
            *      let variable = 'Hello world !';
            */

            // Une variable peut être modifié à l'infini. Elle est justement variable
            variable = 'Bonjour à tous !';

            // Pour écrire sur le fichier HTML (va bientôt être supprimé sur les navigateurs par raison de performances)
            document.write(variable);

            // Pour afficher une pop-up
            window.alert(variable);

            // Pour afficher dans la console
            console.log(variable);
            
        
    

Les constantes

Création du fichier script

        
            
            // Déclaration de la constante avec l'affectation d'une valeur.
            const CONSTANT = 'Ceci est une constante !';

            // Faux ! on NE PEUT PAS modifier une constante.
            // CONSTANT = 'On change la valeur de la constante';

            // Les constantes s'écrivent toujours en lettre majuscules

            // Affichage du contenu de la constante directement dans la page HTML.
            document.write(CONSTANT);

            // Pour écrire sur le fichier HTML
            document.write(CONSTANT);

            // Pour afficher une pop-up
            window.alert(CONSTANT);

            // Pour afficher dans la console
            console.log(CONSTANT);