"Fin seance vendredi"

TD2/README.MD

@@ -4,4 +4,8 @@
 
 > 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)``
+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)``.
+
+> Que se passe-t-il si vous utilisez currentTarget en lieu et place de target ?
+
+Ca force la sélection sur l'élément sur lequel on a placé le listener et pas sur chaque balise séparemment.

TD2/index.html

@@ -34,6 +34,16 @@
             <li>2015-2017 | Dijon FCO</li>
             <li>2017-Aujoud'hui | OGC Nice</li>
         </ul>
+
+        <p>Il a marqué en pro par saison :</p>
+
+        <ul>
+            <li>5 buts avec le Dijon FCO en 2015-2016</li>
+            <li>7 buts avec le Dijon FCO 2016-2017</li>
+            <li>5 buts avec l'OGC Nice 2017-2018</li>
+            <li>2 buts avec l'OGC Nice 2018-2019</li>
+            <li>4 buts avec l'OGC Nice cette saison 2019-2020</li>
+        </ul>
     </div>
 
     <a href="https://www.youtube.com/watch?v=6Hz19CiexU4&t=3s" target="_blank">

TD2/js/main.js

@@ -3,6 +3,7 @@ console.log("JavaScript is linked"); /**Cette méthode permet de vérifier que J
 function init() {
     sayHello();
     document.body.addEventListener("click", selection); //vérification que le listener est ok
+    ajoutDiv();
 }
 
 function sayHello() { /**Cette méthode permet de vérifier que la console de log est activée. **/
@@ -19,3 +20,14 @@ function selection(event) {
     element.classList.toggle("red");
 
 }
+
+function ajoutDiv() {
+    var div = document.createElement("div");
+    div.setAttribute("id", "divAinserer");
+    document.body.insertBefore(div, document.body.firstChild);
+    document.getElementById("divAinserer").innerHTML = "" +
+        "<input type=\"button\" value=\"DIV\" onclick=\"insertB('div')\"/>" +
+        "<input type=\"button\" value=\"P\" onclick=\"insertB('p')\"/>" +
+        "<input type=\"button\" value=\"H2\" onclick=\"insertB('h2')\"/>" +
+        "<input type=\"text\" id=\"toInsert\"/>";
+}