wcb/examples/demo/SimpleText.mjs
2023-12-08 18:00:40 +01:00

22 lines
480 B
JavaScript

// @ts-check
import { WebComponent } from "../../src/index.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);