How to add Sprinkle Effect for form submission

Written By Yida Zhang

Add the following code:


<!-- Load the confetti script -->
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>

<script>
document.addEventListener("DOMContentLoaded", function () {
  function launchSprinkle() {
    confetti({
      particleCount: 1000,
      spread: 150,
      origin: { y: 0.6 }
    });
  }

  // Loop 3 times with 2s delay each
  for (let i = 0; i < 3; i++) {
    setTimeout(launchSprinkle, i * 3000);
  }
});
</script>



Yida Zhang