mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-04-03 20:35:53 +02:00
26 lines
532 B
JavaScript
26 lines
532 B
JavaScript
/* PSEUDO-CODE!!! */
|
|
import { el, scope } from "deka-dom-el";
|
|
function Counter() {
|
|
const { host } = scope;
|
|
|
|
let count = 0;
|
|
const counterText = el("p", "Count: 0");
|
|
|
|
// Manually update DOM element
|
|
const increment = () => {
|
|
count++;
|
|
counterText.textContent = "Count: " + count;
|
|
host().querySelector("button").disabled = count >= 10;
|
|
};
|
|
setTimeout(increment, 1000);
|
|
// or fetchAPI().then(increment);
|
|
|
|
return el("div").append(
|
|
counterText,
|
|
el("button", {
|
|
onclick: increment,
|
|
textContent: "Increment"
|
|
})
|
|
);
|
|
}
|