Events

Where do I define JavaScript event listeners?

Inside the rendered() life cycle method.

JavaScript

const Example = new class extends Combo.Component {
    mounted() {
        this.addEventListener("click", () => {
            alert("You fired a click event.");
        });
    }
    render() {
        return `
            <div>Click me</div>
        `;
    }
}();

Example.mount(document.getElementById("root"));

HTML

<div id="root"></div>