<div style="width: 100%; height: calc(100vh - 48px); display: grid; place-items: center;">
  <e-confetti size="large">
    <button class="e-btn e-btn-primary" id="fire">Make It Rain</button>
  </e-confetti>
</div>

<div style="width: 100%; height: calc(100vh - 48px); display: grid; place-items: center;">
  <e-confetti size="large">
    <button class="e-btn e-btn-primary" id="fire">Make It Rain</button>
  </e-confetti>
</div>

document.querySelector('#fire').addEventListener('click', () => {
  document.querySelector('e-confetti').fire();
});