School-DUT-info/M413-Programmation-Web-Client-Riche
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

"Fin seance vendredi"

Browse Source
This commit is contained in:
JunkJumper 2020-02-07 11:15:04 +01:00
parent bb5799b276
commit 48082672e0
3 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
TD2/README.MD
View File

@ -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.

10
TD2/index.html
View File

@ -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">

12
TD2/js/main.js
View File

@ -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 = "" +
"<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\"/>";
}