1
0
mirror of https://github.com/jaandrle/deka-dom-el synced 2024-11-22 07:49:38 +01:00
deka-dom-el/docs_src/components/examples/signals/dom-el.js

27 lines
628 B
JavaScript
Raw Normal View History

import { S } from "deka-dom-el/signals";
const count= S(0, {
2023-11-29 18:25:21 +01:00
add(){ this.value= this.value + Math.round(Math.random()*10); }
});
const numbers= S([ count() ], {
2023-11-29 18:25:21 +01:00
push(next){ this.value.push(next); }
});
import { el } from "deka-dom-el";
document.body.append(
S.el(count, count=> count%2
2023-11-29 18:25:21 +01:00
? el("p", "Last number is odd.")
: el()
),
el("p", "Lucky numbers:"),
el("ul").append(
S.el(numbers, numbers=> numbers.toReversed()
2023-11-29 18:25:21 +01:00
.map(n=> el("li", n)))
)
);
const interval= 5*1000;
setTimeout(clearInterval, 10*interval, setInterval(function(){
S.action(count, "add");
S.action(numbers, "push", count());
2023-11-29 18:25:21 +01:00
}, interval));