Bertrand Benjamin
e9a07c0061
All checks were successful
continuous-integration/drone/push Build is passing
30 lines
1.5 KiB
TeX
30 lines
1.5 KiB
TeX
\begin{exercise}[subtitle={JS pour modifier page web}, step={1}, origin={<++>}, topics={ Interaction web }, tags={ Javascript, Web }]
|
|
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}
|
|
|
|
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}
|