Example: Multiple Event Listeners

// Listen to all carpose events
document.body.addEventListener('carpose-offer-select', handleOfferEvent);
document.body.addEventListener('carpose-offer-contact-modal-open', handleOfferEvent);
document.body.addEventListener('carpose-offer-contact', handleOfferEvent);

const { message, type, data } = event.detail;
  console.log(`${type} event: ${message}`, data);
  console.log('Offer:', data.headline);
}

document.body.addEventListener('carpose-car-select', handleCarEvent);
document.body.addEventListener('carpose-car-contact-modal-open', handleCarEvent);
document.body.addEventListener('carpose-car-contact', handleCarEvent);

function handleOfferEvent(event) {


function handleCarEvent(event) {
  const { message, type, data } = event.detail;
  console.log(`${type} event: ${message}`, data);
  console.log('Car:', data.name, 'by', data.manufacturer);
}

Last updated