diff --git a/1NSI/08_Interaction_web/exercises.tex b/1NSI/08_Interaction_web/exercises.tex
index f1e2736..4505e07 100644
--- a/1NSI/08_Interaction_web/exercises.tex
+++ b/1NSI/08_Interaction_web/exercises.tex
@@ -1,7 +1,29 @@
\begin{exercise}[subtitle={JS pour modifier page web}, step={1}, origin={<++>}, topics={ Interaction web }, tags={ Javascript, Web }]
- <++>
-\end{exercise}
+ 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}
-\begin{solution}
- <++>
-\end{solution}
+ \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}
diff --git a/1NSI/08_Interaction_web/plan_de_travail.pdf b/1NSI/08_Interaction_web/plan_de_travail.pdf
new file mode 100644
index 0000000..1785718
Binary files /dev/null and b/1NSI/08_Interaction_web/plan_de_travail.pdf differ
diff --git a/1NSI/08_Interaction_web/plan_de_travail.tex b/1NSI/08_Interaction_web/plan_de_travail.tex
index 410471d..38c4e8f 100644
--- a/1NSI/08_Interaction_web/plan_de_travail.tex
+++ b/1NSI/08_Interaction_web/plan_de_travail.tex
@@ -1,5 +1,6 @@
\documentclass[a4paper,12pt]{article}
\usepackage{myXsim}
+\usepackage{minted}
\author{Benjamin Bertrand}
\title{Interaction web - Plan de travail}
diff --git a/1NSI/08_Interaction_web/script/1E_index.html b/1NSI/08_Interaction_web/script/1E_index.html
new file mode 100644
index 0000000..101af3d
--- /dev/null
+++ b/1NSI/08_Interaction_web/script/1E_index.html
@@ -0,0 +1,11 @@
+
+
+ "Languages"
+
+
+
+
+
diff --git a/1NSI/08_Interaction_web/script/1E_index.js b/1NSI/08_Interaction_web/script/1E_index.js
new file mode 100644
index 0000000..6e43fb6
--- /dev/null
+++ b/1NSI/08_Interaction_web/script/1E_index.js
@@ -0,0 +1,8 @@
+>>> let languages = document.getElementById("languages")
+>>> languages.style.color = "red"
+>>> let item1 = languages.children[0]
+>>> item1
+>>> item1.innerHTML = 'HTML5'
+>>> let item3 = document.createElement("li")
+>>> languages.appendChild(item3)
+>>> item3.innerHTML = "Javascript"
diff --git a/1NSI/08_Interaction_web/script/1E_interaction.js b/1NSI/08_Interaction_web/script/1E_interaction.js
new file mode 100644
index 0000000..71aa116
--- /dev/null
+++ b/1NSI/08_Interaction_web/script/1E_interaction.js
@@ -0,0 +1,9 @@
+function apparition(){
+ list.style.visibility = "visible";
+}
+function disparition(){
+ list.style.visibility = "hidden";
+}
+list.onmouseover = disparition ;
+list.onmouseleave = apparition ;
+list.onclick = function() { alert("Clic !") ; } ;