fi

app.py

@@ -1,3 +1,4 @@
+# app.py
 from flask import Flask, render_template, request
 from flask_socketio import SocketIO, emit, join_room, leave_room
 import backend  # Import backend functions
@@ -63,8 +64,8 @@ def start_quiz():
     if participants and selected_questions:
         current_question['started'] = True
         emit('new_question', selected_questions[current_question['index']], room='quiz')
-        # Also emit the question to the host
-        emit('new_question', selected_questions[current_question['index']], room=request.sid) 
+        # Also emit the question to the host 
+        emit('new_question', selected_questions[current_question['index']], room=request.sid)  
         emit('enable_end_quiz', room='quiz')
 
 @socketio.on('restart_quiz')
@@ -108,7 +109,7 @@ def next_question():
         emit('clear_results', room='quiz')
         emit('new_question', question, room='quiz')
         # Also emit the question to the host
-        emit('new_question', question, room=request.sid) 
+        emit('new_question', question, room=request.sid)  
     else:
         final_results = calculate_final_results()
         emit('display_final_results', final_results, room='quiz')
@@ -119,7 +120,7 @@ def end_quiz():
     emit('display_final_results', final_results, room='quiz')
 
 def generate_chart(answers, options):
-    letters = [chr(65 + i) for i in range(len(options))] 
+    letters = [chr(65 + i) for i in range(len(options))] # Dynamically generate letters for options
     counts = [list(answers.values()).count(option) for option in options]
     plt.figure(figsize=(6, 4))
     plt.bar(letters, counts)

static/script.js

@@ -72,10 +72,11 @@ socket.on('quiz_loaded', (data) => {
 socket.on('new_question', (data) => {
     document.getElementById('waiting-message').style.display = 'none';
     document.getElementById('question-text').innerText = data.question;
-    const letters = ['a', 'b', 'c', 'd'];
+    // Dynamically generate letters for options (up to 'h')
+    const letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']; 
     const options = data.options.map((opt, index) =>
         `<input type="radio" id="${letters[index]}" name="answer" value="${opt}">
-        <label for="${letters[index]}">${letters[index]}) ${opt}</label><br>`
+         <label for="${letters[index]}">${letters[index]}) ${opt}</label><br>`
     ).join('');
     document.getElementById('options').innerHTML = options;
 });
@@ -87,7 +88,7 @@ socket.on('display_results', (data) => {
 });
 
 socket.on('enable_end_quiz', () => {
-    document.getElementById('end-quiz').disabled = false;
+    document.getElementById('end-quiz').disabled = false; // Enable the "End Quiz" button
 });
 
 socket.on('clear_results', () => {
@@ -112,4 +113,4 @@ socket.on('quiz_reset', () => {
     document.getElementById('final-results').style.display = 'none';
     document.getElementById('quiz-content').style.display = 'block';
     document.getElementById('waiting-message').style.display = 'block';
-});
+});