wcb/examples/demo/SimpleText.mjs

19 lines
465 B
JavaScript

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