"depot fin mardi"

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)``

TD2/css/main.css

@@ -37,8 +37,8 @@ p {
     padding: 20px;
 }
 
-.pink {
-    background-color: pink;
+.red {
+    background-color: rgb(184, 12, 40);
 }
 
 #imgMelou,

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");
+
+}