2024-05-22 21:43:49 +02:00
|
|
|
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); }
|
|
|
|
});
|
2024-05-22 21:43:49 +02:00
|
|
|
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(
|
2024-05-22 21:43:49 +02:00
|
|
|
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(
|
2024-05-22 21:43:49 +02:00
|
|
|
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(){
|
2024-05-22 21:43:49 +02:00
|
|
|
S.action(count, "add");
|
|
|
|
S.action(numbers, "push", count());
|
2023-11-29 18:25:21 +01:00
|
|
|
}, interval));
|