Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const productCard = document.querySelector('.product-card'); const addToCartEvent = new CustomEvent('addToCart', { bubbles: true, detail: { productId: 42, name: 'Widget Pro', price: 29.99 } }); document.addEventListener('addToCart', function(e) { console.log('Product added:', e.detail.name); console.log('Price:', e.detail.price); }); productCard.addEventListener('click', function() { productCard.dispatchEvent(addToCartEvent); }); productCard.dispatchEvent(addToCartEvent);
Result
Open