mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-12-15 05:43:45 +01:00
♻️ use eventsSink for n-binding
This commit is contained in:
14
README.md
14
README.md
@@ -98,16 +98,14 @@ document.body.append(
|
||||
```
|
||||
|
||||
## Events and dynamic parts
|
||||
*investigation*:
|
||||
```js
|
||||
const output_dynamic= (function(){
|
||||
const element= el("span", { style: { fontWeight: "bold" }, textContent: "" });
|
||||
return {
|
||||
element,
|
||||
onchange: listen("change", event=> assign(element, { textContent: event.target.value }))
|
||||
};
|
||||
})();
|
||||
const output_dynamic= eventsSink(store=> ({
|
||||
element,
|
||||
onchange: listen("change", event=> assign(store.element, { textContent: event.target.value }))
|
||||
}));
|
||||
document.body.append(
|
||||
output_dynamic.element,
|
||||
el("span", { style: { fontWeight: "bold" }, textContent: "" }, output_dynamic.target),
|
||||
el("input", { type: "text" }, output_dynamic.onchange)
|
||||
);
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user