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