diff --git a/TD2/README.MD b/TD2/README.MD index e275abd..f97be8e 100644 --- a/TD2/README.MD +++ b/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)`` \ No newline at end of file +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. diff --git a/TD2/index.html b/TD2/index.html index ee621e2..7ae0a7e 100644 --- a/TD2/index.html +++ b/TD2/index.html @@ -34,6 +34,16 @@
  • 2015-2017 | Dijon FCO
  • 2017-Aujoud'hui | OGC Nice
  • + +

    Il a marqué en pro par saison :

    + + diff --git a/TD2/js/main.js b/TD2/js/main.js index 95e0d23..2a75c80 100644 --- a/TD2/js/main.js +++ b/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. **/ @@ -18,4 +19,15 @@ function selection(event) { var element = event.target; 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 = "" + + "" + + "" + + "" + + ""; } \ No newline at end of file