axios

index.html

@@ -5,7 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="index.css">
     <script src="test.js"></script>
-    <script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js%22%3E"></script>
+    <script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
     <title>CUI Portfolio</title>
 </head>
 
@@ -17,8 +18,8 @@
         </div>
         <div id="chercher">
             <input type="text" placeholder="Cherchez un projet..." id="search">
-            <button type="submit" class="searchButton" id="submit">
-                <i class="fas fa-search"></i>
+            <button type="submit" class="searchButton" id="submit" onclick="caca()">
+                <i class= "fas fa-search" ></i>
             </button>
         </div>
         <div class="header-left">
@@ -30,8 +31,10 @@
         </div>
         
     </header>
-    <p id="prout">t</p>
-    <span id="test"></span>
+
+
+   
+    <span id="test">t</span>
 
 </body>
 </html>
\ No newline at end of file

test.js

-var t = "test";
-document.documentElement.getElementById("prout").innerHTML=foo;
-
-
-const axios = require('axios');
-let test="";
-axios.get('/test?ID=1')
-    .then(function(response){
-        test=response
-        console.log(response);
-    });
-   
+function caca(){
+    axios.get('/test?ID=1')
+        .then(function(response){
+            document.getElementById("test").innerHTML=response;
+            console.log(response);
+        });
+}