Le Web vivant : JavaScript
23 · Modifié par le script
Énoncé
Un script de cette page ajoute un mot dans un paragraphe vide. Ce mot n'est donc pas dans le HTML envoyé par le serveur : il n'apparaît qu'après l'exécution du script.
Le mot ajouté par le script est :
Ta réponse
Quel mot le script ajoute-t-il dans la page ?
Énigme déjà réussie ! Relis l'explication ci-dessous, ou refais-la.
Indices
Indice 1
Ouvre l'onglet « Éléments » de l'inspecteur pour voir la page après exécution.
Indice 2
Regarde aussi le fichier /assets/js/enigmes/23-injection.js.
Indice 3
Ce mot désigne la couleur d'un ciel sans nuage.
Explication
Le navigateur reçoit le HTML, puis exécute les scripts qui peuvent modifier la page : c'est le DOM. La page affichée n'est donc pas exactement le code source reçu.
C'est la différence entre ce que le serveur envoie (HTML) et ce que le client affiche (DOM après exécution).