fix

app.py

@@ -33,7 +33,7 @@ def create_anchor_link(text):
         return ""
     anchor = text.strip().lower().replace(' ', '-').replace(',', '').replace('.', '').replace(chr(39), '-')
     anchor = urllib.parse.quote(anchor)
-    return f"<a href='#' onclick='navigateToSection(\"{anchor}\");'>{text}</a>"
+    return f"<a href='#{anchor}' onclick='navigateToSection(\"{anchor}\");'>{text}</a>"
 
 def on_stop():
     st.session_state.stopped = True
@@ -148,24 +148,30 @@ st.markdown(
     """
     <script>
     function navigateToSection(anchor) {
-        const element = document.querySelector(`[id='${anchor}']`);
+        const element = document.getElementById(anchor);
         if (element) {
             element.scrollIntoView({behavior: 'smooth'});
         } else {
             console.error('Section not found:', anchor);
         }
     }
+    </script>
+    """,
+    unsafe_allow_html=True
+)
 
-    // Intercept all anchor clicks
-    document.addEventListener('click', function(e) {
-        const target = e.target;
-        if (target.tagName === 'A' && target.getAttribute('href') === '#') {
-            e.preventDefault();
-            const onclickAttr = target.getAttribute('onclick');
-            if (onclickAttr && onclickAttr.startsWith('navigateToSection')) {
-                eval(onclickAttr);
-            }
-        }
+# JavaScript for intercepting clicks
+st.markdown(
+    """
+    <script>
+    document.addEventListener('DOMContentLoaded', function() {
+        document.querySelectorAll('a').forEach(anchor => {
+            anchor.addEventListener('click', function(e) {
+                e.preventDefault();
+                const href = this.getAttribute('href').substring(1);
+                navigateToSection(href);
+            });
+        });
     });
     </script>
     """,