Update app.py

app.py

@@ -513,24 +513,24 @@ async def predict(image):
         {dogs_info}
         
         <script>
-        document.querySelectorAll('button[id^="Dog"]').forEach(button => {
+        document.querySelectorAll('button[id^="Dog"]').forEach(button => {{
             console.log('Attaching event to button: ' + button.id);  
-            button.addEventListener('click', () => {
+            button.addEventListener('click', () => {{
                 const button_id = button.id;
                 console.log('Button clicked: ' + button_id);  
                 const radio = document.querySelector('input[type=radio][value="' + button_id + '"]');
-                if (radio) {
+                if (radio) {{
                     radio.click();
                     console.log('Radio button clicked for: ' + button_id);  
-                } else {
-                    console.error("Radio button not found for: " + button_id);  
-                }
-            });
-        });
+                }} else {{
+                    console.error("Radio button not found for: ' + button_id);  
+                }}
+            }});
+        }});
         </script>
-
         """
 
+
         initial_state = {
             "dogs_info": dogs_info,
             "buttons": buttons,