Rxjs-playground

rx-playground-reduce-alternative

//Click monster
var button = document.querySelector('button');
Rx.Observable.fromEvent(button, 'click')
  .scan(count => count + 1, 0)
  .subscribe(count => console.log(`Clicked ${count} times`));

rx-playground-subscribe-event

//click and pop
var button = document.querySelector('button');
Rx.Observable.fromEvent(button, 'click')
  .subscribe(() => console.log('Clicked!'));

//get the style of paragraphy when hovering over it.
var para = document.querySelector('p');
Rx.Observable.fromEvent(para, 'mouseover')
  .subscribe(() => console.log(para.style.getPropertyValue('font-size')));