Discussion :

[Vincent98]

Bonjour,
J’essaie de faire un site de QCM ou l’on pourrait choisir les categories de question que l’on souhaite mais quand je clique sur le bouton recommencer, Ã la fin du test rien ne se passe j’ai page blanche. J’aimerais que le bouton recommencer me renvoie sur la page de debut avec le choix des differentes categories et le bouton pour lancer le test. Avez vous une solution pour mon probleme ?
(J’utilise le script sur codepen.io, est ce le site qui pose probleme ?)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function restartQuiz() {
  console.log("Restarting quiz...");
  currentQuestion = 0;
  score = 0;
  usedQuestions = [];
  allQuestionsCopy = [...allQuestions];
  clearTimeout(timer);
 
  const startButton = document.getElementById("startButton");
  if (startButton) {
    startButton.style.display = "block";
  }
  const quizElement = document.getElementById("quiz");
  if (quizElement) {
    quizElement.style.display = "none";
  }
  const categoriesElement = document.getElementById("categories");
  if (categoriesElement) {
    categoriesElement.style.display = "block";
  }
}
 
document.getElementById("startButton").addEventListener("click", startQuiz);
 
document.getElementById("restartButton").addEventListener("click", restartQuiz);
 
displayCategories();

Je peux vous montrer plus de code si besoin.

Merci

[mathieu]

pouvez vous nous donner le code d'une page de test complète pour qu'on puisse tester chez nous ?

[gabi7756]

Peut être un peu vieux mais bon ...
"J’aimerais que le bouton recommencer me renvoie sur la page de début avec le choix des différentes catégories et le bouton pour lancer le test"

Bonjour si tu veux revenir au début de ton quiz , le moment ou tu choisis les catégories etc ... Et que tu ne veux pas conserver le précédent score (en js), fais juste un reload, si jamais tu as une bdd derrière qui sauvegarde ton score tu peux aussi reload ta page.
Sinon tu réaffiche ta div contenant le choix des catégories , choix du nombre de question etc ...