How to Add Confetti in Webflow

<pre><code><script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1/dist/confetti.browser.min.js"></script>

document.querySelectorAll('[data-confetti]').forEach(function(btn) {
  btn.addEventListener('click', function() {
    confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 } });
  });
});

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(m) {
    m.addedNodes.forEach(function(n) {
      if (n.classList && n.classList.contains('w-form-done')) {
        confetti({ particleCount: 200, spread: 90, origin: { y: 0.5 } });
      }
    });
  });
});
observer.observe(document.body, { childList: true, subtree: true });