diff --git a/assets/js/base.js b/assets/js/base.js
new file mode 100644
index 0000000000000000000000000000000000000000..3fcf4cfa30098fc3cd11ef8f54b7dde6fae4a988
--- /dev/null
+++ b/assets/js/base.js
@@ -0,0 +1,50 @@
+// Variable
+var variable = ''
+const constante = ''
+let variableScoped = ''
+
+// Types primaires
+let string = ''
+let number = 0
+let boolean = true
+
+let array = ['JohnDoe', 'JaneDoe']
+let object = {
+    username: ''
+}
+
+// N.B. les tableaux et les objets sont passés par référence
+const user = {
+    username: 'JohnDoe'
+}
+const user2 = user
+user2.username = 'JaneDoe'
+
+console.log(user.username);
+
+// Solution
+const user3 = {...user}
+const array2 = [...array]
+
+// Fonctions
+console.log(add(1, 2));
+
+function add(nb1, nb2) {
+    return nb1 + nb2
+}
+
+// Fonction anonymes
+
+// Fonction anonyme simple
+const add2 = function (nb1, nb2) {
+    return nb1 + nb2
+}
+
+// Fonction anonyme fléchée
+const add3 =  (nb1, nb2) => nb1 + nb2
+
+/*
+Fonction fléchées spécificités
+1. Return implicite
+2. Pas de this (pas très utile quand on débute)
+ */
diff --git a/assets/js/dialog.js b/assets/js/dialog.js
deleted file mode 100644
index 4589e22e0a81900ec92d8bec067a9a4bf0a50216..0000000000000000000000000000000000000000
--- a/assets/js/dialog.js
+++ /dev/null
@@ -1,10 +0,0 @@
-const button = document.getElementById('dialog-open-btn')
-
-button.addEventListener('click', () => {
-    const dialog = document.querySelector('dialog')
-    dialog.showModal()
-
-    dialog.addEventListener('click', () => {
-        dialog.close()
-    })
-})
diff --git a/index.php b/index.php
index 22f7ee2911da9062b48bb86c71788a97de5883f1..aa6171ae4da02b2211d4838177fbed9e3276684a 100644
--- a/index.php
+++ b/index.php
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="assets/css/style.css">
     <link rel="stylesheet" href="assets/css/index.css">
 
-    <script src="assets/js/dialog.js" type="module"></script>
+    <script src="assets/js/base.js" type="module"></script>
 </head>
 <body>
 <?php