fonctions d'utilité pour le front

back/fonctions.js

@@ -0,0 +1,155 @@
+
+function getTitre (categorie ,indice){// Charger le contenu du fichier JSON
+    fetch(`./resources/${categorie}.json`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(objetJson => {
+            const questions = objetJson.questions;
+            if (indice >= 0 && indice < questions.length) {
+                const question = questions[indice].question;
+                console.log(`Question à l'indice ${indice}: ${question}`);
+            } else {
+                console.error(`Indice ${indice} hors de portée.`);
+            }
+        })
+        .catch(erreur => {
+            console.error('Erreur lors du chargement du fichier JSON :', erreur.message);
+        });
+}
+function getRep1(categorie, indice){// Charger le contenu du fichier JSON
+    fetch(`./resources/${categorie}.json`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(objetJson => {
+            const questions = objetJson.questions;
+            if (indice >= 0 && indice < questions.length) {
+                const rep = questions[indice].options[0].text;
+                console.log(`Reponse à l'indice ${indice}: ${rep}`);
+                return rep;
+            } else {
+                console.error(`Indice ${indice} hors de portée.`);
+            }
+        })
+        .catch(erreur => {
+            console.error('Erreur lors du chargement du fichier JSON :', erreur.message);
+        });
+}
+function getRep2(categorie, indice){// Charger le contenu du fichier JSON
+    fetch(`./resources/${categorie}.json`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(objetJson => {
+            const questions = objetJson.questions;
+            if (indice >= 0 && indice < questions.length) {
+                const rep = questions[indice].options[1].text;
+                console.log(`Reponse à l'indice ${indice}: ${rep}`);
+                return rep;
+            } else {
+                console.error(`Indice ${indice} hors de portée.`);
+            }
+        })
+        .catch(erreur => {
+            console.error('Erreur lors du chargement du fichier JSON :', erreur.message);
+        });
+}
+function getVrai(categorie, indice){
+    fetch(`./resources/${categorie}.json`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(objetJson => {
+            const questions = objetJson.questions;
+            if (indice >= 0 && indice < questions.length) {
+                const vrai = questions[indice].reponse;
+                console.log(`vraie reponse ${indice}: ${vrai}`);
+                return vrai;
+            } else {
+                console.error(`Indice ${indice} hors de portée.`);
+            }
+        })
+        .catch(erreur => {
+            console.error('Erreur lors du chargement du fichier JSON :', erreur.message);
+        });
+}
+function getDescription(categorie, indice){
+    fetch(`./resources/${categorie}.json`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(objetJson => {
+            const questions = objetJson.questions;
+            if (indice >= 0 && indice < questions.length) {
+                const description = questions[indice].description;
+                console.log(`description ${indice}: ${description}`);
+                return description;
+            } else {
+                console.error(`Indice ${indice} hors de portée.`);
+            }
+        })
+        .catch(erreur => {
+            console.error('Erreur lors du chargement du fichier JSON :', erreur.message);
+        });
+}
+function getImg1(categorie, indice){
+    fetch(`./resources/${categorie}.json`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(objetJson => {
+            const questions = objetJson.questions;
+            if (indice >= 0 && indice < questions.length) {
+                const img = questions[indice].options[0].img;
+                console.log(`vraie reponse ${indice}: ${img}`);
+                return img;
+            } else {
+                console.error(`Indice ${indice} hors de portée.`);
+            }
+        })
+        .catch(erreur => {
+            console.error('Erreur lors du chargement du fichier JSON :', erreur.message);
+        });
+}
+function getImg2(categorie, indice){
+    fetch(`./resources/${categorie}.json`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(objetJson => {
+            const questions = objetJson.questions;
+            if (indice >= 0 && indice < questions.length) {
+                const img = questions[indice].options[1].img;
+                console.log(`vraie reponse ${indice}: ${img}`);
+                return img;
+            } else {
+                console.error(`Indice ${indice} hors de portée.`);
+            }
+        })
+        .catch(erreur => {
+            console.error('Erreur lors du chargement du fichier JSON :', erreur.message);
+        });
+}
+

back/indextest.html

@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
-    <script src="script.js"></script>
+    <script src="fonctions.js"></script>
 </head>
 <body>
-    <button onclick="fonction_marrante()">Salut!</button>
+    <button onclick="getImg1('Commerce',0)">Salut!</button>
 </body>
 </html>

back/script.js

@@ -1,25 +0,0 @@
-
-function fonction_marrante (){// Charger le contenu du fichier JSON
-    fetch('./resources/Commerce.json')
-        .then(response => {
-            if (!response.ok) {
-                throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
-            }
-            return response.json();
-        })
-        .then(objetJson => {
-            // Accéder au tableau 'questions' dans l'objet JSON
-            const questions = objetJson.questions;
-
-            // Afficher chaque question dans la console
-            questions.forEach(question => {
-                console.log(question.question);
-            });
-
-            alert('Questions chargées avec succès. Consultez la console pour les détails.');
-        })
-        .catch(erreur => {
-            console.error('Erreur lors du chargement du fichier JSON :', erreur.message);
-            alert('Erreur lors du chargement du fichier JSON. Consultez la console pour les détails.');
-        });
-}