23 lines
454 B
JavaScript
23 lines
454 B
JavaScript
/**
|
|
* Custom element using a minimal Web Component Base class
|
|
* @see https://WebComponent.io
|
|
*/
|
|
class HelloWorld extends WebComponent {
|
|
static props = {
|
|
myName: 'World',
|
|
count: 0,
|
|
}
|
|
|
|
updateLabel() {
|
|
this.props.myName = `Clicked ${++this.props.count}x`
|
|
}
|
|
|
|
get template() {
|
|
return html` <button
|
|
onClick=${() => this.updateLabel()}
|
|
style="cursor:pointer"
|
|
>
|
|
Hello ${this.props.myName}!
|
|
</button>`
|
|
}
|
|
}
|