\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}
