wcb/examples/demo/SimpleText.mjs
2023-12-07 17:30:53 +01:00

22 lines
488 B
JavaScript

// @ts-check
import { WebComponent } from "../../src/WebComponent.js";
class SimpleText extends WebComponent {
clickCallback() {
console.log(">>> click!");
}
onInit() {
this.onclick = this.clickCallback;
}
onDestroy() {
console.log(">>> removing event listener");
this.removeEventListener("click", this.clickCallback);
}
get template() {
return `<span style="cursor:pointer">Click me!</span>`;
}
}
customElements.define("simple-text", SimpleText);