Update templates/tempor.html

templates/tempor.html

@@ -45,6 +45,10 @@
                 const data = await response.json();
                 const quizBox = document.getElementById("quiz-box");
 
+
+                quizBox.innerHTML = `<p class="quiz-feedback">${data.reply}</p>`;
+
+
                 if (data.question && data.options) {
                     quizBox.innerHTML = `
                         <p class="quiz-question"><strong>Question:</strong> ${data.question}</p>
@@ -86,9 +90,11 @@
 
                 const data = await response.json();
                 const quizBox = document.getElementById("quiz-box");
+                const scoreBox = document.getElementById("score-box");
 
                 // Display feedback for the answer
                 quizBox.innerHTML = `<p class="quiz-feedback">${data.reply}</p>`;
+                scoreBox.innerHTML = `Score: ${data.score}`;
 
                 // Check if there's a next question
                 if (data.next_question && data.options) {
@@ -156,6 +162,7 @@
                     <button class="btn btn-primary" onclick="startQuiz()">Start Quiz</button>
                 </div>
                 <div id="quiz-box"></div>
+                <div id="score-box" style="margin-top: 10px; font-size: 16px; font-weight: bold; color: #0056b3;">Score: 0</div>
             </div>
         </div>
     </div>