diff --git a/films.html b/films.html
index d2e0a87..22d9a76 100644
--- a/films.html
+++ b/films.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="styles/style.css">
+    <script src="/scripts/films.js" defer type="module"></script>
     <title>Films</title>
 </head>
 <body>
@@ -19,7 +20,11 @@
             </ul>
         </nav>
     </section>
-
+<div id = "Ep4">
+    <div id="donnees"></div>
+    <div id="vaisseaux"></div>
+    <div id="planetes"></div>
+</div>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/scripts/films.js b/scripts/films.js
new file mode 100644
index 0000000..5b98345
--- /dev/null
+++ b/scripts/films.js
@@ -0,0 +1,5 @@
+const EPISODE4 = document.getElementById('Ep4');
+const DONNEES = document.getElementById('donnees');
+const VAISSEAUX = document.getElementById('vaisseaux');
+const PLANETES = document.getElementById('planetes');
+
