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

probleme invertText a fix

Browse Source
This commit is contained in:
JunkJumper 2020-01-22 18:41:36 +01:00
parent 50d7500919
commit da75200402
3 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
TD1/README.MD
View File

@ -1,6 +1,6 @@
# Exercice 1 # Exercice 1
## defTitre1 ## defTitre1()
> Quel sera l’évènement qui déclenchera l’appelle de votre fonction ? > 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. 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 ? > 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``. 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 ? > 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. 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 ? > 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. Avec un modulo 2.
## invertText()
``InnerHTML`` conserve les balises "pures" du HTML alors que ``InnerText`` ne garde que le texte.

6
TD1/index.html
View File

@ -19,7 +19,7 @@
<h2>Applejack</h2> <h2>Applejack</h2>
<div> <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> </div>
<h3 class="firstOrLast">Rainbow Dash</h3> <h3 class="firstOrLast">Rainbow Dash</h3>
@ -37,7 +37,9 @@
<h3>Pinkie Pie</h3> <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> <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> </body>
</html> </html>

19
TD1/js/main.js
View File

@ -5,10 +5,14 @@ function init(){
//defTitre1(); //defTitre1();
//defTitre2(); //defTitre2();
//defTitre3(); //defTitre3();
defTitre4(); defTitre4();
} }
function sayHello() {
console.log("Hello Everypony !");
}
function defTitre1() { function defTitre1() {
if(document.title = document.getElementById("titre").innerText) { if(document.title = document.getElementById("titre").innerText) {
console.log("<title> set : Ok Everypony !"); console.log("<title> set : Ok Everypony !");
@ -52,6 +56,15 @@ function defTitre4() {
} }
} }
function sayHello() { function invertText() {
console.log("Hello Everypony !"); 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;
} }