From 35f774642f0a0e1b355217a1be84743e4344d3b9 Mon Sep 17 00:00:00 2001 From: salaheddine benkhanous Date: Fri, 8 Dec 2023 04:37:46 +0100 Subject: [PATCH] Fix Index Problem --- back/fonctions.js | 21 +++-- back/resources/Transport.json | 10 +-- back/script.js | 62 ------------- front/index.html | 2 +- front/jouer.html | 163 +++++++++++++++++----------------- 5 files changed, 102 insertions(+), 156 deletions(-) diff --git a/back/fonctions.js b/back/fonctions.js index 8de8c21..535445a 100644 --- a/back/fonctions.js +++ b/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 - const premierIndice = getNextIndex(shuffledIndices); + 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 diff --git a/back/resources/Transport.json b/back/resources/Transport.json index e635317..0c3e6c7 100644 --- a/back/resources/Transport.json +++ b/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", diff --git a/back/script.js b/back/script.js index f7072b4..7a0f88a 100644 --- a/back/script.js +++ b/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 - diff --git a/front/index.html b/front/index.html index 1790c5d..9e39124 100644 --- a/front/index.html +++ b/front/index.html @@ -33,7 +33,7 @@ Testez-vous dès maintenant pour une expérience éducative et amusante.

- + diff --git a/front/jouer.html b/front/jouer.html index 587daff..bf2e7ca 100644 --- a/front/jouer.html +++ b/front/jouer.html @@ -1,120 +1,119 @@ + - - - Mon site ecolo | Jeu - - - - + + + Mon site ecolo | Jeu + + + + - -
+
-
+
-
+
-
- imgleft -
+
+ imgleft +
- +
-

Question

-

Lorem ipsum

- +

Question

+

Lorem ipsum

+
+
+ -
+ if (score >= 20) { + document.getElementById('star4').style.visibility = 'visible'; + } + + if (score >= 25) { + document.getElementById('star5').style.visibility = 'visible'; + } + + if (score === 25) { + window.location.href = './easterEggEtoile.html'; + } + } + + +