Troisième leçon : HTML et JavaScript

Événements en JavaScript

Les événements permettent d'interagir avec les utilisateurs. Vous pouvez écouter différents événements, comme un clic ou une touche enfoncée.

Exemple d'Événement

Voici comment ajouter un événement de clic à un bouton :

        <button id="monBouton">Cliquez-moi</button>

        <script>
            document.getElementById("monBouton").addEventListener("click", function() {
                alert("Bouton cliqué !");
            });
        </script>
    

Fonctions Avancées

Les fonctions en JavaScript peuvent être passées comme arguments à d'autres fonctions, ce qui permet une programmation flexible.

Fonctions de rappel (Callback Functions)

Lorsque vous passez une fonction en tant qu'argument à une autre fonction, c'est un exemple de fonction de rappel.

        function saluer(nom) {
            alert("Bonjour, " + nom + " !");
        }

        function executerSalutation(callback, nom) {
            callback(nom);
        }

        executerSalutation(saluer, "Alice");
    

Objets en JavaScript

Les objets sont des collections de propriétés. Ils sont fondamentaux pour structurer les données en JavaScript.

Création d'Objets

Voici comment créer un objet représentant une personne :

        let personne = {
            nom: "Alice",
            age: 30,
            saluer: function() {
                alert("Bonjour, je m'appelle " + this.nom);
            }
        };

        personne.saluer(); // Appel de la méthode saluer
    

Exemple Complet : Formulaire et Objets

Voici un exemple d'utilisation de formulaires pour créer des objets :

Impression de la page

Cliquez sur le bouton ci-dessous pour imprimer ou sauvegarder cette page en PDF :