From da752004026408c0bda5d4ece072661a1f227db0 Mon Sep 17 00:00:00 2001
From: JunkJumper <jose.srifi@gmail.com>
Date: Wed, 22 Jan 2020 18:41:36 +0100
Subject: [PATCH] probleme invertText a fix

---
 TD1/README.MD  | 12 +++++++-----
 TD1/index.html |  6 ++++--
 TD1/js/main.js | 21 +++++++++++++++++----
 3 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/TD1/README.MD b/TD1/README.MD
index beaeee9..ed4513e 100644
--- a/TD1/README.MD
+++ b/TD1/README.MD
@@ -1,6 +1,6 @@
 # Exercice 1
 
-## defTitre1
+## defTitre1()
 
 > Quel sera l’évènement qui déclenchera l’appelle de votre fonction ?
 
@@ -14,19 +14,19 @@ J'ai utilisé la méthode ``document.getElementById()`` pour récupérer le titr
 
 J'ai utilisé le ``innerText`` de l'objet.
 
-## defTitre2
+## defTitre2()
 
 > Quelle(s) méthode(s) avez-vous utilisée pour récupérer l’objet représentant votre balise h2 ?
 
 J'ai utilisé ``document.getElementsByTagName`` que j'ai affecté à une variable nommée ``firstH2``. Puis je l'ai utilisée avec son attribut ``innerText``.
 
-## defTitre3
+## defTitre3()
 
 > Comment faire pour connaitre le nombre de balise h2 du document ?
 
 On utilise la propriété ``.lenght`` pour connaitre le nombre de balises h2 du document.
 
-## defTitre4
+## defTitre4()
 
 > Quelle méthode avez-vous utilisée pour récupérer l’objet de votre classe ?
 
@@ -40,7 +40,9 @@ La page ne s'affiche pas
 
 Avec un modulo 2.
 
-
+## invertText()
+
+``InnerHTML`` conserve les balises "pures" du HTML alors que ``InnerText`` ne garde que le texte.
 
 
 
diff --git a/TD1/index.html b/TD1/index.html
index 11c4b79..d54e61c 100644
--- a/TD1/index.html
+++ b/TD1/index.html
@@ -19,7 +19,7 @@
     
     <h2>Applejack</h2>
     <div>
-        <p<>Poney terrestre de nature <span><strong>honnête et travailleuse</strong></span> elle travaille dans la « Sweet Apple Acres » avec le reste de la famille Apple.</p>
+        <p<>Poney terrestre de nature <strong>honnête et travailleuse</strong> elle travaille dans la « Sweet Apple Acres » avec le reste de la famille Apple.</p>
     </div>
     
     <h3 class="firstOrLast">Rainbow Dash</h3>
@@ -37,7 +37,9 @@
     <h3>Pinkie Pie</h3>
     <p>Poney terrestre de nature joyeuse et souriante qui adore faire la fête, elle travaille au Sugar Cube Corner en préparant des gâteaux pour les habitants de Ponyville.</p>
 
-
+<div><p>Luna ne <span>fait pas partie</span> du mane 6 mais est très symaptique aussi :D</p></div>
+<div><p>Luna <span>est drôle</span> bien qu'elle dise le contraire.</p></div>
+<button type="button" onclick="invertText()">Boop !</button>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/TD1/js/main.js b/TD1/js/main.js
index 9375463..d3d6b93 100644
--- a/TD1/js/main.js
+++ b/TD1/js/main.js
@@ -5,10 +5,14 @@ function init(){
     //defTitre1();
 	//defTitre2();
 	//defTitre3();    
-	defTitre4();
+    defTitre4();
 
 }
 
+function sayHello() {
+    console.log("Hello Everypony !");
+}
+
 function defTitre1() {
     if(document.title = document.getElementById("titre").innerText) {
         console.log("<title> set : Ok Everypony !");
@@ -52,6 +56,15 @@ function defTitre4() {
     }
 }
 
-function sayHello() {
-    console.log("Hello Everypony !");
-}
\ No newline at end of file
+function invertText() {
+    var buffer;
+    var pTags = document.getElementsByTagName("p");
+
+    console.log(pTags);
+
+    buffer = pTags[pTags.length-2].innertext;
+    pTags[pTags.length-2] = pTags[pTags.length-1].innertext;
+    pTags[pTags.length-1] = buffer;
+
+}
+