Update app.py

app.py

@@ -5,7 +5,6 @@ from sentences import generate_sentences
 from ai_sentence import MODEL_LIST
 from quiz import generate_fill_in_blank_exam, check_exam
 
-
 def process_sentence(mode, word, source, num, use_ai, model_name):
     try:
         if mode == '查詢單字':
@@ -29,7 +28,6 @@ def process_sentence(mode, word, source, num, use_ai, model_name):
     except Exception as e:
         return f"<p style='color:red;'>❌ 發生錯誤：{str(e)}</p>", f"錯誤：{str(e)}"
 
-
 def project_description():
     return """
     # 📖 VocabLine 單字例句工具
@@ -51,7 +49,6 @@ def project_description():
     - GitHub：[https://github.com/dayuian](https://github.com/dayuian)
     """
 
-
 with gr.Blocks(css="""
     #card-group { padding: 15px; border-radius: 12px; background-color: rgba(255, 255, 255, 0.05); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-bottom: 15px; }
     .gradio-container { max-width: 800px; margin: auto; }
@@ -127,47 +124,44 @@ with gr.Blocks(css="""
         quiz_generate_button = gr.Button("📄 生成試卷")
         quiz_submit_button = gr.Button("✅ 提交試卷")
 
-        quiz_questions_container = gr.Column()
         quiz_score_display = gr.HTML()
-
         quiz_questions_state = gr.State([])
 
+        radios = []
+        for i in range(5):
+            radios.append(
+                gr.Radio(choices=[], label=f"第 {i + 1} 題", visible=False, interactive=True)
+            )
+
         def display_exam(source, num):
             questions = generate_fill_in_blank_exam(source, num)
             quiz_questions_state.value = questions
 
-            radios = []
+            updates = []
             for i, q in enumerate(questions):
-                radios.append(
-                    gr.Radio(
-                        choices=q['options'],
-                        label=f"第 {i + 1} 題：{q['sentence']}",
-                        interactive=True
-                    )
+                updates.append(
+                    gr.update(choices=q["options"], label=f"第 {i + 1} 題：{q['sentence']}", visible=True)
                 )
+            for i in range(len(questions), 5):
+                updates.append(gr.update(visible=False))
 
-            return radios
+            return updates
 
         def submit_exam(*user_answers):
             questions = quiz_questions_state.value
-            score, results = check_exam(user_answers, questions)
-            result_html = f"<p><strong>分數：</strong> {score}</p>"
-
-            for res in results:
-                result_html += f"<p>{res['question']}<br> 你的答案：{res['user_answer']} <br> 正確答案：{res['correct_answer']} <br> {'✅' if res['is_correct'] else '❌'}</p>"
-
-            return result_html
+            score_html = check_exam(user_answers[:len(questions)], questions)
+            return score_html
 
         quiz_generate_button.click(
             display_exam,
             inputs=[quiz_source_dropdown, quiz_num_slider],
-            outputs=quiz_questions_container
+            outputs=radios
         )
 
         quiz_submit_button.click(
             submit_exam,
-            inputs=quiz_questions_container,
+            inputs=radios,
             outputs=quiz_score_display
         )
 
-demo.launch()
+    demo.launch()