mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-01-19 07:53:13 +01:00
19 lines
516 B
JavaScript
19 lines
516 B
JavaScript
|
import { el, scope, on, dispatchEvent } from "deka-dom-el";
|
||
|
|
document.body.append(
|
||
|
|
el(component)
|
||
|
|
);
|
||
|
|
function component(){
|
||
|
|
const { host }= scope; // good practise!
|
||
|
|
|
||
|
|
host(
|
||
|
|
console.log,
|
||
|
|
on("click", function redispatch(){
|
||
|
|
// this `host` ↘ still corresponds to the host ↖ of the component
|
||
|
|
dispatchEvent("redispatch")(host());
|
||
|
|
})
|
||
|
|
);
|
||
|
|
// this `host` ↘ still corresponds to the host ↖ of the component
|
||
|
|
setTimeout(()=> dispatchEvent("timeout")(host()), 750)
|
||
|
|
return el("p", "Clickable paragraph!");
|
||
|
|
}
|