JavaScript : rendre le Web interactif (école d'ingénieur) · Chapitre 1 · Application directe du cours
L'ordre des scripts
Premiers pas en JavaScript · niveau 3 (difficile)
Énoncé
Chacun des quatre scripts a.js à d.js affiche son nom, puis « voit le paragraphe » ou « ne voit pas le paragraphe » selon que document.querySelector("p") trouve le paragraphe ou non. Dans quel ordre s'affichent les quatre lignes, et que dit chacune ?
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ordre des scripts</title>
<script src="a.js"></script>
<script type="module" src="b.js"></script>
<script src="c.js" defer></script>
</head>
<body>
<p>Ouvrir la console.</p>
<script src="d.js"></script>
</body>
</html>Corrigé
a.js ne voit pas le paragraphe
d.js voit le paragraphe
b.js voit le paragraphe
c.js voit le paragraphea.js, classique dans l'en-tête, s'exécute aussitôt lu, avant le corps : il ne voit pas le paragraphe.d.js, classique en fin de corps, s'exécute à son tour dès qu'il est lu ; le paragraphe, au-dessus, est déjà construit.b.js(module) etc.js(defer) sont différés : ils s'exécutent après la lecture complète, dans leur ordre d'apparition dans la page, doncb.jspuisc.js.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.