Update templates/quiz.html

templates/quiz.html

@@ -63,15 +63,15 @@
     <script>
         // Use the passed response JSON directly
         let textWithAnswers = `{{ textWithAnswers|tojson|safe }}`;
-        console.log('textWithAnswers:', textWithAnswers);
-
         window.onload = function() {
+            document.getElementById('quizText').value = textWithAnswers;
             generateQuiz(); 
         };
 
-        function handleText(text) {
+        function handletext(text) {
             let lines = text.split(/\n+/);
             let filteredLines = [];
+            let questionCount = 0;
             let answersAndExplanations = [];
 
             lines.forEach(line => {
@@ -79,6 +79,7 @@
                 
                 if (line.startsWith("Question:")) {
                     filteredLines.push(line);
+                    questionCount++;
                 } else if (line.startsWith("Choices:")) {
                     filteredLines.push(line);
                 } else if (line.startsWith("Answer:")) {
@@ -97,6 +98,8 @@
 
             let filteredText = filteredLines.join("\n");
 
+            console.log(filteredText);
+
             return {
                 filteredText: filteredText,
                 answersAndExplanations: answersAndExplanations
@@ -104,8 +107,10 @@
         }
 
         function generateQuiz() {
-            let quizText = textWithAnswers;
-            let { filteredText, answersAndExplanations } = handleText(quizText);
+            let quizText = document.getElementById('quizText').value;
+            let { filteredText, answersAndExplanations } = handletext(quizText);
+
+            document.getElementById('inputSection').style.display = 'none';
 
             let quizSection = document.getElementById('quizSection');
             quizSection.innerHTML = ''; 
@@ -196,8 +201,8 @@
 
             let quizSection = document.getElementById('quizSection');
             let answerDivs = quizSection.getElementsByClassName('quiz-answer');
-            let quizText = textWithAnswers; 
-            let { filteredText, answersAndExplanations } = handleText(quizText);
+            let quizText = document.getElementById('quizText').value;
+            let { filteredText, answersAndExplanations } = handletext(quizText);
 
             for (let i = 0; i < answerDivs.length; i += 2) {
                 let answer = answersAndExplanations[i / 2]?.Answer || '';