<div id="app"></div>
window.xs = xstream.default;
function main() {
return xs
.periodic(1000)
.fold(prev => prev + 1, 0)
.map(i => `Seconds elapsed: ${i}`);
}
function domDriver(text$) {
text$.subscribe({
next: str => {
const elem = document.querySelector("#app");
elem.textContent = str;
}
});
}
function logDriver(msg$) {
msg$.subscribe({
next: str => {
console.log(str);
}
});
}
const sink = main();
domDriver(sink);
logDriver(sink);
View Compiled
This Pen doesn't use any external CSS resources.