2023-02-23 17:05:08 +00:00
\begin { exercise} [subtitle={ JS pour modifier page web} , step={ 1} , origin={ <++>} , topics={ Interaction web } , tags={ Javascript, Web } ]
2023-02-23 17:24:09 +00:00
Le but de cet exercice est d'utiliser le language Javascript pour modifier une page web.
\begin { enumerate}
\item Créer une fichier \texttt { index.html} avec le code suivant
\begin { center}
\begin { minipage} { 0.8\linewidth }
\inputminted [bgcolor=base3] { html} { ./script/1E_ index.html}
\end { minipage}
\end { center}
\item Dans les outils du développeur (\texttt { F12} ) allez dans l'onglet console et taper successivement les commandes suivantes. Expliquer l'action de chaque commande et commencer à ce faire un mémo des commandes javascript.
\begin { center}
\begin { minipage} { 0.8\linewidth }
\inputminted [bgcolor=base3] { js} { ./script/1E_ index.js}
\end { minipage}
\end { center}
\item Passez la console en mode multiligne en pressant \texttt { CRTL+B} , saisir puis exécuter le code suivant.
\begin { center}
\begin { minipage} { 0.8\linewidth }
\inputminted [bgcolor=base3] { js} { ./script/1E_ interaction.js}
\end { minipage}
\end { center}
2023-02-21 09:37:57 +00:00
2023-02-23 17:24:09 +00:00
Interagir avec la page. Que se passe-t-il? Expliquer le code ci-dessus.
\item Recharger la page. Qu'en est-il des interactions?
\end { enumerate}
\end { exercise}
