From 91ea5938ff838a7afc638689501ef389449b420b Mon Sep 17 00:00:00 2001 From: JunkJumper Date: Tue, 4 Feb 2020 18:39:27 +0100 Subject: [PATCH] "depot fin mardi" --- TD2/README.MD | 3 +++ TD2/css/main.css | 4 ++-- TD2/js/main.js | 13 ++++++++++--- 3 files changed, 15 insertions(+), 5 deletions(-) diff --git a/TD2/README.MD b/TD2/README.MD index 65db4d6..e275abd 100644 --- a/TD2/README.MD +++ b/TD2/README.MD @@ -2,3 +2,6 @@ ## Exercice 1 +> Comment avez-vous ajouté l’écouteur d’évènement et sur quel objet? + +La méthode de base à utiliser est ``document.{object}.addEventListener({action à écouter}, {objet à appeler})`` et je l'ai affecté à mon body pour écrier dans la console pour tester dans un premier temps :``document.body.addEventListener("click", initSelection)`` \ No newline at end of file diff --git a/TD2/css/main.css b/TD2/css/main.css index c3aab4a..64f3388 100644 --- a/TD2/css/main.css +++ b/TD2/css/main.css @@ -37,8 +37,8 @@ p { padding: 20px; } -.pink { - background-color: pink; +.red { + background-color: rgb(184, 12, 40); } #imgMelou, diff --git a/TD2/js/main.js b/TD2/js/main.js index 646cc0a..95e0d23 100644 --- a/TD2/js/main.js +++ b/TD2/js/main.js @@ -1,14 +1,21 @@ console.log("JavaScript is linked"); /**Cette méthode permet de vérifier que Javascript est bien activé **/ function init() { - //sayHello(); - document.body.addEventListener("click", sayHello); //vérification que le listener est ok + sayHello(); + document.body.addEventListener("click", selection); //vérification que le listener est ok } function sayHello() { /**Cette méthode permet de vérifier que la console de log est activée. **/ - console.log("Hello Everypony !"); + console.log("Bevengutti Nissart ! !"); } function initSelection() { sayHello(); +} + +function selection(event) { + console.log(event.target.tagName); //cela indique quel balise est sélectionnée par le click + var element = event.target; + element.classList.toggle("red"); + } \ No newline at end of file