From 75ce453c18b21987ca528c2d0f9ecbb73148e758 Mon Sep 17 00:00:00 2001
From: SkyEye_FAST <skyeyefast@teahou.se>
Date: Fri, 12 Jul 2024 03:15:10 +0800
Subject: [PATCH] Try to fix #8

---
 static/js/quiz.js       | 25 ++++++++++++-------------
 templates/quiz_sub.html |  2 +-
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/static/js/quiz.js b/static/js/quiz.js
index 69869d9..376366a 100644
--- a/static/js/quiz.js
+++ b/static/js/quiz.js
@@ -1,7 +1,7 @@
 $(document).ready(function () {
     let currentQuestionIndex = 0;
-    const questions = questionsData || {};
-    const questionKeys = Object.keys(questions);
+    const questionsData = questions || {}; // Assuming questions is defined elsewhere
+    const questionKeys = Object.keys(questionsData);
     const delayBetweenQuestions = 800;
     const fadeDuration = 300;
 
@@ -19,20 +19,17 @@ $(document).ready(function () {
     // Initialize question
     function initializeQuestion() {
         const currentKey = questionKeys[currentQuestionIndex];
-        const { source, translation } = questions[currentKey];
-
-        console.log("当前题目索引：", currentQuestionIndex);
-        console.log("当前键名：", currentKey);
-        Sentry.captureMessage(`Quiz, ${currentQuestionIndex}`);
+        const { source, translation } = questionsData[currentKey];
 
         $info.fadeOut(fadeDuration, function () {
             $sourceText.text(source);
             $keyText.text(currentKey);
 
             $inputBox.val("").attr("maxlength", translation.length);
-            createBoxes(translation.length);
 
-            $info.fadeIn(fadeDuration);
+            $info.fadeIn(fadeDuration, function() {
+                createBoxes(translation.length);
+            });
         });
     }
 
@@ -51,7 +48,7 @@ $(document).ready(function () {
     function updateBoxes() {
         const input = $inputBox.val();
         const currentKey = questionKeys[currentQuestionIndex];
-        const { translation } = questions[currentKey];
+        const { translation } = questionsData[currentKey];
 
         $(".box").each(function (index) {
             const $box = $(this);
@@ -78,7 +75,7 @@ $(document).ready(function () {
             const $summaryBody = $("#summaryBody").empty();
 
             questionKeys.forEach((key) => {
-                const { source, translation } = questions[key];
+                const { source, translation } = questionsData[key];
                 $("<tr>").append(
                     $("<td>").text(source),
                     $("<td>").text(translation)
@@ -95,7 +92,7 @@ $(document).ready(function () {
 
         const input = $(this).val();
         const currentKey = questionKeys[currentQuestionIndex];
-        const { translation } = questions[currentKey];
+        const { translation } = questionsData[currentKey];
 
         if (input === translation) {
             $(".box").css("background-color", "#79b851");
@@ -104,7 +101,9 @@ $(document).ready(function () {
                 setTimeout(showSummary, delayBetweenQuestions);
             } else {
                 currentQuestionIndex++;
-                setTimeout(initializeQuestion, delayBetweenQuestions);
+                setTimeout(() => {
+                    initializeQuestion();
+                }, delayBetweenQuestions);
             }
         }
     });
diff --git a/templates/quiz_sub.html b/templates/quiz_sub.html
index 911c62b..3d49099 100644
--- a/templates/quiz_sub.html
+++ b/templates/quiz_sub.html
@@ -12,7 +12,7 @@
     <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
     <script src="https://js-de.sentry-cdn.com/d2cad507d8a98e90f3325dbcda32791c.min.js" crossorigin="anonymous"></script>
     <script>
-        const questionsData = {{ questions | tojson | safe }};
+        const questions = {{ questions | tojson | safe }};
         const randomCode = "{{ random_code }}";
     </script>
     <script src="{{ url_for('static', filename='js/quiz.js') }}"></script>