Update app.py

app.py

@@ -1,27 +1,31 @@
 import streamlit as st
 import streamlit.components.v1 as components
 
-components.html(
-    """
-     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script>
- <button onclick="triggerConfetti()">Click for Confetti</button>
+# JavaScript code for confetti animation
+confetti_animation_script = """
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script>
+<script>
+    function triggerConfetti() {
+        confetti({
+            angle: randomInRange(55, 125),
+            particleCount: randomInRange(50, 100),
+            origin: { y: 0.6 },
+            spread: randomInRange(50, 70),
+        });
+    }
 
-    <script>
-        // Function to trigger the confetti effect with random directions
-        function triggerConfetti() {
-            confetti({
-                angle: randomInRange(55, 125),
-                particleCount: randomInRange(50, 100),
-                origin: { y: 0.6 },
-                spread: randomInRange(50, 70),
-            });
-        }
+    function randomInRange(min, max) {
+        return Math.random() * (max - min) + min;
+    }
+</script>
+"""
 
-        function randomInRange(min, max) {
-            return Math.random() * (max - min) + min;
-        }
-    </script>
-    """
-    )
-    
-    
+# Display the confetti animation script
+components.html(confetti_animation_script, height=0)
+
+# Button to trigger confetti using onclick method
+confetti_button = st.button("Click for Confetti", on_click="triggerConfetti()")
+
+if confetti_button:
+    st.empty()  # Optional, clears the button after clicking
+    st.write("Confetti time!")