I am trying to get a JS event listener working and not sure if it is or isn't working. I have edited the original content of this question to add event listener to the form now. But still no joy. My script is running after the plugins script.
jpformsubmit = document.getElementById('tribe-tickets__registration__form');
jpformsubmit.addEventListener('submit', postGift);
function postGift(e) {
console.log('Helloooo their!!!');
}
<form method="post" id="tribe-tickets__registration__form" action="myurl/checkout" data-provider="tribe_wooticket">
<div class="tribe-tickets__registration__grid"></div>
<div class="tribe-tickets__registration__footer">
<div id="tribe-tickets__notice__attendee-registration">
<div class="tribe-common-b2 tribe-tickets-notice__content"></div>
</div>
<button class="tribe-common-c-btn tribe-common-c-btn--small tribe-tickets__item__registration__submit" type="submit">Save & Checkout</button>
<button class="tribe-common-c-btn" type="submit">Save & Checkout</button>
</div>
</form>