Update app.py

app.py

@@ -504,6 +504,7 @@ async def predict(image):
             dogs_info += '</div>'
         
         # 在生成後附加 JavaScript 處理按鈕點擊事件
+        # 生成 JavaScript 處理按鈕點擊事件
         html_output = f"""
         <style>
         .dog-info {{ border: 1px solid #ddd; margin-bottom: 20px; padding: 15px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }}
@@ -515,15 +516,24 @@ async def predict(image):
         {dogs_info}
         
         <script>
-        document.querySelectorAll('.breed-button').forEach(button => {{
-            button.addEventListener('click', (event) => {{
-                console.log('Button clicked:', event.target.innerText);
+        // 這段代碼用來附加每個 Learn More 按鈕的事件監聽器
+        document.querySelectorAll('button[id^="Dog"]').forEach(button => {{
+            button.addEventListener('click', () => {{
+                const button_id = button.id;
+                const radio = document.querySelector('input[type=radio][value="' + button_id + '"]');
+                console.log('Button clicked: ' + button_id);  // 檢查按鈕是否被觸發
+                if (radio) {{
+                    radio.click();  // 觸發點擊事件
+                }} else {{
+                    console.error("Radio button not found:", button_id);  // 如果找不到相應的 radio button
+                }}
             }});
         }});
         </script>
         """
 
 
+
         initial_state = {
             "dogs_info": dogs_info,
             "buttons": buttons,