📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
Published
Edited
Mar 5, 2022
1 star
RxJs = import('https://cdn.skypack.dev/rxjs@7.5.4?min')
btn = html`<button/>`
{
Object.assign(btn, {
style: "border: 1px solid black",
onclick: (e)=> {
console.log("clicked")
}
})
btn.appendChild(html`Click Me`)
RxJs.fromEvent(btn,"click").subscribe(()=>{
console.log('clicked from RxJs')
})
}
btn2 = html`<button/>`
{
Object.assign(btn2, {
style: "border: 2px solid green; cursor: pointer;"
});
btn2.appendChild(html`Counter <div class="counter">0</div>`)
RxJs.fromEvent(btn2, "click")
.pipe(RxJs.scan(count => count + 1, 0))
.subscribe(count => {
console.log(`Clicked ${count} times`);
btn2.querySelector('.counter').innerHTML=count
});
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
