Quiz DOM
Quiz Summary
0 of 8 questions completed
Questions:
Information
You have already completed the quiz before. Hence you can not start it again.
Quiz is loading…
You must sign in or sign up to start the quiz.
Résultats
Résultats
0 of 8 questions answered correctly
Temps écoulé
You have reached 0 of 0 point(s), (0)
Earned Point(s): 0 of 0, (0)
0 Essay(s) Pending (Possible Point(s): 0)
Catégories
- Pas classé 0%
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- Current
- Révision
- Répondu
- Inexact
- Question 1 de 8
1. Question
Voici le code du fichier index.html sur lequel on se base.
<!DOCTYPE html> <html> <head> </head> <body> <div> <div></div> <div></div> </div> <script src="script.js"></script> </body> </html>
Qu’affiche le code Javascript (script.js) suivant dans notre console ?
console.log(document.body.children[0].children.length);
ExactInexact - Question 2 de 8
2. Question
Voici le code du fichier index.html sur lequel on se base.
<!DOCTYPE html> <html> <head> </head> <body> <div> <div>Coucou</div> <div>Hello</div> </div> <script src="script.js"></script> </body> </html>
Qu’affiche le code Javascript (script.js) suivant dans notre console ?
console.log(document.body.children[0].children[1].textContent);
ExactInexact - Question 3 de 8
3. Question
Voici le code du fichier index.html sur lequel on se base.
<!DOCTYPE html> <html> <head> </head> <body> <div> <div>Coucou</div> <div>Hello</div> </div> <script src="script.js"></script> </body> </html>
Comment modifier la couleur d’arrière-plan du texte ‘Coucou’ en rouge et de ‘Hello’ en bleu ?
ExactInexact - Question 4 de 8
4. Question
Voici le code du fichier index.html sur lequel on se base.
<!DOCTYPE html> <html> <head> </head> <body> <div> <div>Coucou</div> <div>Hello</div> </div> <script src="script.js"></script> </body> </html>
Comment ajouter la classe CSS ‘youpi’ à la div qui contient le texte ‘Hello’ ?
ExactInexact - Question 5 de 8
5. Question
Voici le code du fichier index.html sur lequel on se base.
<!DOCTYPE html> <html> <head> </head> <body> <a href="https://www.google.com">Google</a> <script src="script.js"></script> </body> </html>
Comment modifier le lien pour qu’il affiche le texte ‘Apprendre à coder’ et qu’il renvoie vers le site ‘https://frenchmaker.io’ ?
ExactInexact - Question 6 de 8
6. Question
Voici le code du fichier index.html sur lequel on se base.
<!DOCTYPE html> <html> <head> </head> <body> <div> <div id="coucou">Coucou</div> <div class="hello">Hello</div> </div> <script src="script.js"></script> </body> </html>
Comment ajouter la classe CSS ‘big’ à la div qui contient ‘Coucou’ et la classe CSS ‘small’ à la div qui contient ‘Hello’ ?
ExactInexact - Question 7 de 8
7. Question
Voici le code du fichier index.html sur lequel on se base.
<!DOCTYPE html> <html> <head> </head> <body> <div> <div id="coucou">Coucou</div> <div class="hello">Hello</div> </div> <script src="script.js"></script> </body> </html>
Comment modifier le texte ‘Coucou’ en ‘Hola’ ?
ExactInexact - Question 8 de 8
8. Question
Voici le code du fichier index.html sur lequel on se base.
<!DOCTYPE html> <html> <head> </head> <body> <div> <div id="coucou">Coucou</div> <div class="hello">Hello</div> </div> <script src="script.js"></script> </body> </html>
Comment rajouter une div qui contient un paragraphe avec le texte ‘Hola’ à la suite de la div avec le texte ‘Hello’ ?
ExactInexact