jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-01 04:12:14 +02:00
Code Packages Releases Activity

♻️ Simplify signals logic (use functions to read/set)

Browse Source
This commit is contained in:
Jan Andrle
2023-08-24 14:52:46 +02:00
parent 404971f484
commit acdfb4ef57
4 changed files with 26 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
test/index.js
View File

@ -22,24 +22,24 @@ function component({ name= "World", surname= "" }= {}){
}
`;
const store= S({ name, surname });
const full_name= S(()=> S(store.name)+" "+S(store.surname));
const full_name= S(()=> store.name()+" "+store.surname());
listen(full_name, console.log);
return el("div", { className }).append(
el("p").append(
el("#text", { textContent: "Hello " }),
el("strong", { textContent: ()=> S(full_name) }),
el("strong", { textContent: full_name }),
el("#text", { textContent: "!" }),
),
el("label").append(
el("#text", { textContent: "Set name:" }),
el("input", { type: "text", value: ()=> S(store.name) },
listen("change", ev=> S(store.name, ev.target.value))),
el("input", { type: "text", value: store.name },
listen("change", ev=> store.name(ev.target.value))),
),
el("label").append(
el("#text", { textContent: "Set surname:" }),
el("input", { type: "text", value: ()=> S(store.surname) },
listen("change", ev=> S(store.surname, ev.target.value))),
el("input", { type: "text", value: store.surname },
listen("change", ev=> store.surname(ev.target.value))),
)
)
}