updates

app.py

@@ -47,14 +47,19 @@ def on_leave():
         emit('update_participants', {"participants": participants, "count": len(participants)}, room='quiz')
         print(f"{username} left the quiz.")
 
-@socketio.on('start_quiz')
+@socketio.on('restart_quiz')
+def restart_quiz():
+    reset_quiz()  # Reset the quiz state
+    emit('quiz_reset', room='quiz')
+    start_quiz()  # Automatically start the quiz after reset
+
 def start_quiz():
-    reset_quiz()  # Reset the quiz state before starting
     current_question['started'] = True
     index = current_question['index']
     if index < len(questions):
         question = questions[index]
         emit('new_question', question, room='quiz')
+        emit('enable_end_quiz', room='quiz')  # Enable the "End Quiz" button when the quiz starts
 
 @socketio.on('submit_answer')
 def receive_answer(data):
@@ -85,8 +90,6 @@ def check_answers():
             if current_question['answers'].get(participant["username"]) == correct_answer:
                 participants[sid]["score"] += 1
 
-        emit('enable_end_quiz', room='quiz')  # Enable the "End Quiz" button
-
 @socketio.on('next_question')
 def next_question():
     current_question['index'] += 1
@@ -104,12 +107,6 @@ def end_quiz():
     final_results = calculate_final_results()
     emit('display_final_results', final_results, room='quiz')
 
-@socketio.on('restart_quiz')
-def restart_quiz():
-    reset_quiz()
-    emit('quiz_reset', room='quiz')
-    start_quiz()  # Automatically start the quiz again after reset
-
 def generate_chart(answers, options):
     counts = [list(answers.values()).count(option) for option in options]
     plt.figure(figsize=(6, 4))

static/script.js

@@ -29,10 +29,6 @@ function submitAnswer(answer) {
     socket.emit('submit_answer', { answer: answer });
 }
 
-function startQuiz() {
-    socket.emit('start_quiz');
-}
-
 function checkAnswers() {
     socket.emit('check_answers');
 }

templates/host.html

@@ -10,11 +10,10 @@
     <div class="container">
         <h2>Quiz Host</h2>
         <p>Participants connected: <span id="participant-count">0</span></p>
-        <button onclick="startQuiz()" class="btn btn-success">Start Quiz</button>
+        <button onclick="restartQuiz()" class="btn btn-success mt-3">Start New Quiz</button>
         <button onclick="checkAnswers()" class="btn btn-primary mt-2">Check Answers</button>
         <button onclick="nextQuestion()" class="btn btn-secondary mt-2">Next Question</button>
         <button onclick="endQuiz()" id="end-quiz" class="btn btn-danger mt-2" disabled>End Quiz</button>
-        <button onclick="restartQuiz()" class="btn btn-warning mt-2">Start New Quiz</button>
         <h3 id="question-text" class="mt-4"></h3>
         <div id="options" class="mt-2"></div>
         <div id="results" class="mt-4"></div>