counter example

This commit is contained in:
Ayo 2023-11-20 22:14:37 +01:00
parent 9cc7959609
commit f8aac1420f
2 changed files with 2 additions and 2 deletions

View file

@ -3,12 +3,10 @@ import WebComponent from "../src/WebComponent.js";
export class Counter extends WebComponent {
static properties = ["count"];
onInit() {
this.props.count = 0;
this.onclick = () => ++this.props.count;
}
get template() {
return `<button id="btn">${this.props.count}</button>`;
}

View file

@ -7,9 +7,11 @@
<script type="module" src="HelloWorld.mjs"></script>
<script type="module" src="SimpleText.mjs"></script>
<script type="module" src="BooleanPropTest.mjs"></script>
<script type="module" src="Counter.mjs"></script>
</head>
<body>
<hello-world emotion="sad"></hello-world>
<my-counter></my-counter>
<p>
<simple-text></simple-text>
</p>