Adding jquery

projet/front/element-style.js

+function new_file(file_name, file_id) {
+    content =  `
+        <div class="file" id="${file_id}">
+            <p>
+                <button>
+                    <img src="/images/file_img.png" height="50px">
+                </button>
+                <p>${file_name}</p>
+            </p>
+        </div>
+    `
+    document.getElementById("drive").append(content);
+}
+
+function new_folder (folder_name) {
+    content = `
+        <div class="folder">
+            <p>
+                <button><img src="/images/folder_img.png" height="50px"></button>
+                <p>${folder_name}</p>
+            </p>
+        </div>
+        `;
+    document.getElementById("drive").append(content);
+}
\ No newline at end of file

projet/front/index.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" type="text/css" href="/styles/style.css">
+    <script src="jquery-1.12.4.js"></script>
+    <script src="element-style.js"></script>
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Document</title>
 </head>
@@ -16,18 +18,9 @@
         </div>
         <div id="drive">
             <h3>Drive</h3>
-            <div class="folder">
-                <p>
-                    <button><img src="/images/folder_img.png" height="50px"></button>
-                    <p>folder 1</p>
-                </p>
-            </div>
-            <div class="file">
-                <p>
-                    <button><img src="/images/file_img.png" height="50px"></button>
-                    <p>file 1</p>
-                </p>
-            </div>
+            <script type="javascript">
+                
+            </script>
         </div>
         <div id="info">
             <h3>Infos</h3>