Fix Index Problem

back/fonctions.js

@@ -157,7 +157,7 @@ function getImg2(categorie, indice){
 
 async function getQuestionByCategorie2(category) {
     try {
-      const response = await fetch(`./${category}.json`);
+      const response = await fetch(`./resources/${category}.json`);
   
       if (!response.ok) {
         throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
@@ -201,14 +201,23 @@ async function getQuestionByCategorie2(category) {
     return indicesArray.shift();
   }
   
-  const votreTableau = await getQuestionByCategorie2('transport');
-  const shuffledIndices = createShuffledIndicesArray(votreTableau);
+//   const votreTableau = await getQuestionByCategorie2('transport');
+//   const shuffledIndices = createShuffledIndicesArray(votreTableau);
   
-  // À chaque appel, récupérez le prochain indice
+  async function main() {
+    // Faites quelque chose avec votreTableau
+    const votreTableau = await getQuestionByCategorie2('Transport');
+    const shuffledIndices = createShuffledIndicesArray(votreTableau);
     const premierIndice = getNextIndex(shuffledIndices);
   const deuxiemeIndice = getNextIndex(shuffledIndices);
   
   console.log(premierIndice);  // Indice aléatoire
-  console.log(deuxiemeIndice);  // Indice différent
+  console.log(deuxiemeIndice);
+  }
+  
+  main();
+
+  // À chaque appel, récupérez le prochain indice
+    // Indice différent
   
 

back/resources/Transport.json

@@ -17,7 +17,7 @@
         "description":"Les voitures individuelles, en particulier celles qui fonctionnent aux carburants fossiles, ont souvent une consommation élevée de carburant par kilomètre parcouru, ce qui contribue aux émissions de gaz à effet de serre."
       },
       {
-        "text": "Le réseau de trains à grande vitesse (TGV) en France est-il souvent salué pour ses faibles émissions de gaz à effet de serre, principalement grâce à l'utilisation d'énergies renouvelables pour son fonctionnement ?",
+        "question": "Le réseau de trains à grande vitesse (TGV) en France est-il souvent salué pour ses faibles émissions de gaz à effet de serre, principalement grâce à l'utilisation d'énergies renouvelables pour son fonctionnement ?",
         "options": [
           {
             "text": "Vrai",
@@ -33,7 +33,7 @@
       },
       
       {
-        "text": "Comment la France encourage-t-elle l'adoption de véhicules électriques?",
+        "question": "Comment la France encourage-t-elle l'adoption de véhicules électriques?",
         "options": [
           {
             "text":"Par des incitations fiscales",
@@ -48,7 +48,7 @@
         "description":" le gouvernement français offre des avantages fiscaux, tels que des réductions d'impôts ou des crédits d'impôt, pour inciter les citoyens à opter pour des véhicules électriques. Ces incitations fiscales visent à stimuler le marché des véhicules électriques en rendant ces alternatives plus attrayantes sur le plan financier, contribuant ainsi à réduire les émissions de gaz à effet de serre liées au secteur des transports."
       },
       {
-        "text": "Quelle ville française a mis en œuvre un système de location de vélos très populaire pour promouvoir des modes de transport plus durables?",
+        "question": "Quelle ville française a mis en œuvre un système de location de vélos très populaire pour promouvoir des modes de transport plus durables?",
         "options": [
           {
             "text": "Paris",
@@ -60,10 +60,10 @@
           }
         ],
         "reponse": 0,
-        "description":"Paris a mis en place un système de location de vélos, connu sous le nom de "Vélib'", pour encourager des modes de transport durables. Cette initiative vise à réduire la dépendance aux véhicules individuels motorisés."
+        "description":"Paris a mis en place un système de location de vélos, connu sous le nom de velib, pour encourager des modes de transport durables. Cette initiative vise à réduire la dépendance aux véhicules individuels motorisés."
       },
       {
-        "text": "Le réseau de trains à grande vitesse (TGV) en France utilise-t-il principalement des énergies renouvelables, ce qui contribue à des émissions de gaz à effet de serre plus faibles ?",
+        "question": "Le réseau de trains à grande vitesse (TGV) en France utilise-t-il principalement des énergies renouvelables, ce qui contribue à des émissions de gaz à effet de serre plus faibles ?",
         "options": [
           {
             "text": "Vrai",

back/script.js

@@ -25,65 +25,3 @@ function fonction_marrante() {// Charger le contenu du fichier JSON
 }
 
 
-// retourne random index
-
-async function getQuestionByCategorie2(category) {
-    try {
-      const response = await fetch(`./${category}.json`);
-  
-      if (!response.ok) {
-        throw new Error(`Erreur de chargement du fichier JSON : ${response.status}`);
-      }
-  
-      const objetJson = await response.json();
-      const questions = objetJson.questions;
-  
-      console.log(questions);
-      return questions;
-  
-    } catch (error) {
-      console.error('Erreur lors du chargement du fichier JSON :', error.message);
-      alert('Erreur lors du chargement du fichier JSON. Consultez la console pour les détails.');
-      throw error; // Re-throw the error for further handling
-    }
-  }
-  
-  
-  console.log(getQuestionByCategorie2("transport"))
-  
-  function shuffleArray(array) {
-    const shuffledArray = [...array];
-    for (let i = shuffledArray.length - 1; i > 0; i--) {
-      const j = Math.floor(Math.random() * (i + 1));
-      [shuffledArray[i], shuffledArray[j]] = [shuffledArray[j], shuffledArray[i]];
-    }
-    return shuffledArray;
-  }
-  
-  function createShuffledIndicesArray(array) {
-    const indicesArray = Array.from({ length: array.length }, (_, index) => index);
-    return shuffleArray(indicesArray);
-  }
-  
-  function getNextIndex(indicesArray) {
-    if (indicesArray.length === 0) {
-      // Si tous les indices ont été utilisés, réinitialiser le tableau d'indices
-      return null;  // ou une autre valeur pour indiquer que tous les indices ont été utilisés
-    }
-    // Retourner et retirer le premier indice du tableau
-    return indicesArray.shift();
-  }
-  
-  // Utilisez ces fonctions comme suit :
-  
-  // const votreTableau = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5"];
-  const votreTableau = await getQuestionByCategorie2('transport');
-  const shuffledIndices = createShuffledIndicesArray(votreTableau);
-  
-  // À chaque appel, récupérez le prochain indice
-  const premierIndice = getNextIndex(shuffledIndices);
-  const deuxiemeIndice = getNextIndex(shuffledIndices);
-  
-  console.log(premierIndice);  // Indice aléatoire
-  console.log(deuxiemeIndice);  // Indice différent
-  

front/index.html

@@ -33,7 +33,7 @@
             Testez-vous dès maintenant pour une expérience éducative et
             amusante.
         </p>
-        <button id="btnjouer"><a href="./jouer.html"></a>Essayer ce jeu</button>
+        <button id="btnjouer"><a href="./jouer.html">Essayer ce jeu</a></button>
 </main>
 
 

front/jouer.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -43,13 +44,11 @@
   <div class="container">
     <div class="choices">
       <section id="left">
-            <img class="image" id="imgleft" src="./img/imgleft.png"
-                 alt="imgleft">
+        <img class="image" id="imgleft" src="./img/imgleft.png" alt="imgleft">
       </section>
 
       <section id="right">
-            <img class="image" id="imgright" src="./img/imgright.webp"
-                 alt="imgright">
+        <img class="image" id="imgright" src="./img/imgright.webp" alt="imgright">
       </section>
     </div>
 
@@ -59,7 +58,7 @@
       <button class="hide">Question suivante</button>
     </div>
 
-
+  </div>
   <script>
     const rightSection = document.getElementById('right');
     const leftSection = document.getElementById('left');
@@ -114,7 +113,7 @@
     }
   </script>
 
-</div>
+
 </body>