Update app.py

app.py

@@ -1,4 +1,5 @@
 import os
+import streamlit.components.v1 as components
 from datasets import load_dataset
 import random
 import pickle
@@ -156,7 +157,7 @@ def main():
     
 
 
-    
+
     # Displaying example questions
     if not st.session_state['chat_history']:
         st.markdown("""
@@ -166,19 +167,30 @@ def main():
             <div class="question-box" id="question3">Was sind die Vorteile des ambulanten operierens?</div>
         """, unsafe_allow_html=True)
 
-    st.markdown("""
+    # JavaScript for handling question box clicks
+    js_script = """
         <script>
             document.getElementById('question1').onclick = function() {
                 console.log('Question 1 box clicked');
+                document.querySelectorAll('div.stTextInput input')[0].value = 'Was genau ist ein Belegarzt?';
+                document.querySelectorAll('div.stTextInput input')[0].dispatchEvent(new Event('change'));
+                document.querySelector('button[data-baseweb="button"]').click();
             };
             document.getElementById('question2').onclick = function() {
                 console.log('Question 2 box clicked');
+                document.querySelectorAll('div.stTextInput input')[0].value = 'Wofür wird die Alpha-ID verwendet?';
+                document.querySelectorAll('div.stTextInput input')[0].dispatchEvent(new Event('change'));
+                document.querySelector('button[data-baseweb="button"]').click();
             };
             document.getElementById('question3').onclick = function() {
                 console.log('Question 3 box clicked');
+                document.querySelectorAll('div.stTextInput input')[0].value = 'Was sind die Vorteile des ambulanten operierens?';
+                document.querySelectorAll('div.stTextInput input')[0].dispatchEvent(new Event('change'));
+                document.querySelector('button[data-baseweb="button"]').click();
             };
         </script>
-    """, unsafe_allow_html=True)
+    """
+    components.html(js_script, height=0)
 
 if __name__ == "__main__":
-    main()
+    main()