rename session

Jeeppy · May 1, 2023 · 09521e7 · 09521e7
1 parent 7cb2f64
commit 09521e7
Show file tree

Hide file tree

Showing 20 changed files with 172 additions and 247 deletions.
diff --git a/session28/fetch-get/index.html → session26/bitcoin-prix/index.html b/session28/fetch-get/index.html → session26/bitcoin-prix/index.html
@@ -24,7 +24,6 @@ <h1 class="text-center mt-5">Bitcoin Price</h1>
         </div>
 
       </div>
-
       <script src="script.js"></script>
 </body>
 </html>
diff --git a/session26/bitcoin-prix/script.js b/session26/bitcoin-prix/script.js
@@ -0,0 +1,24 @@
+const url = 'https://blockchain.info/ticker'
+
+function recupererPrix() {
+    let requete = new XMLHttpRequest();
+    requete.open('GET', url);
+    requete.responseType = 'json';
+    requete.send();
+
+    requete.onload = function() {
+        if (requete.readyState === XMLHttpRequest.DONE) {
+            if (requete.status === 200) {
+                let reponse = requete.response;
+                let prixEnEuros = reponse.EUR.last;
+                document.querySelector('#price_label').textContent = prixEnEuros;
+            }
+            else {
+                console.log('Un problème est survenu, merci de revenir plus tard.');
+            }
+        }
+    }
+    console.log('Prix actualisé');
+}
+
+setInterval(recupererPrix, 5000);
diff --git a/session28/axios-get/style.css → session26/bitcoin-prix/style.css b/session28/axios-get/style.css → session26/bitcoin-prix/style.css
diff --git a/session26/index.html b/session26/index.html
diff --git a/session26/n/index.html b/session26/n/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/session26/n/script.js b/session26/n/script.js
@@ -0,0 +1,20 @@
+const url = "https://lesoublisdelinfo.com/api.php"
+
+let requete = new XMLHttpRequest();
+requete.open('POST', url);
+requete.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+requete.responseType = 'json';
+
+requete.send('prenom=John');
+
+requete.onload = function() {
+    if (requete.readyState === XMLHttpRequest.DONE) {
+        if (requete.status === 200) {
+            let reponse = requete.response;
+            console.log(reponse);
+        }
+        else {
+            alert('Un problème est survenu, merci de revenir plus tard.');
+        }
+    }
+}
diff --git a/session27/test.js → session26/n/style.css b/session27/test.js → session26/n/style.css
diff --git a/session26/script.js b/session26/script.js
diff --git a/session27/index.html b/session27/index.html
@@ -5,8 +5,43 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="style.css" />
 </head>
 <body>
+    <div class="container">
+
+        <div class="row justify-content-center">
+
+          <div class="col-md-8">
+            <!-- Titre -->
+            <h1 class="text-center mt-5">Météo</h1>
+
+            <!-- Ville / Temperature -->
+            <div class="text-center">
+              <span id="ville">paris</span>
+
+              <div id="temperature">
+                <span id="temperature_label">
+                  xx.x
+                </span> °C
+              </div>
+            </div>
+          </div>
+
+        </div>
+
+        <div class="row justify-content-center">
+          <div class="col-md-8 text-center">
+            <!-- Changer de ville -->
+            <div id="changer" class="mt-2 text-center p-3 text-white font-weight-bold text-uppercase d-inline-block">
+              Changer de ville
+            </div>
+          </div>
+
+        </div>
+
+      </div>
     <script src="script.js"></script>
 </body>
 </html>
diff --git a/session27/script.js b/session27/script.js
@@ -1,39 +1,34 @@
-
-function chargerScript(script) {
-    return new Promise((resolve, reject) => {
-        let element = document.createElement('script');
-        element.src = script;
-        document.head.append(element);
-
-        element.onload = () => resolve('Fichier ' + script + ' a été chargé');
-
-        element.onerror = () => reject(new Error('Opération impossible pour le script ' + script));
-    });
-}
-
-async function resultat() {
-    try {
-        const scriptA = await chargerScript('test.js');
-        console.log(scriptA);
-        const scriptB = await chargerScript('autre.js');
-        console.log(scriptB);
-    }
-    catch(error) {
-        console.log(error);
-        document.head.lastChild.remove();
+let ville = "Lille";
+let key = '';
+
+function recevoirTemperature(ville) {
+    const url = 'https://api.openweathermap.org/data/2.5/weather?q=' + ville + '&appid=' + key + '&units=metric';
+    let requete = new XMLHttpRequest();
+    requete.open("GET", url);
+    requete.responseType = 'json';
+    requete.send();
+
+    requete.onload = function() {
+        if (requete.readyState === XMLHttpRequest.DONE) {
+            if (requete.status === 200) {
+                let reponse = requete.response;
+                let temperature = document.querySelector('#temperature_label');
+                temperature.textContent = reponse.main.temp;
+                let elementVille = document.querySelector('#ville')
+                elementVille.textContent = ville;
+                console.log(reponse);
+            }
+            else {
+                console.log("Une erreur est survenu, veuillez ressayez plus tard.");
+            }
+        }
     }
 }
 
-resultat();
-
-// async function direBonjour() {
-//     const promesse = new Promise((resolve, reject) => {
-//         setTimeout(() => resolve('Promesse tenu !'), 3000);
-//     });
-
-//     let resultat = await promesse;
-//     console.log(resultat);
-// }
-
+recevoirTemperature(ville);
 
-// direBonjour();
+let button = document.querySelector("#changer")
+button.addEventListener('click', () => {
+    ville = prompt("Ville ?");
+    recevoirTemperature(ville);
+});
diff --git a/session26/style.css → session27/style.css b/session26/style.css → session27/style.css
diff --git a/session28/axios-get/index.html b/session28/axios-get/index.html
diff --git a/session28/axios-get/script.js b/session28/axios-get/script.js
diff --git a/session28/axios-post/script.js b/session28/axios-post/script.js
diff --git a/session28/fetch-get/script.js b/session28/fetch-get/script.js
diff --git a/session28/fetch-get/style.css b/session28/fetch-get/style.css