Understanding RxJS/ Observables

Understand Observables and how to use them

by manoj_antony32

HTML

<script src="https://unpkg.com/@reactivex/[email protected]/dist/global/Rx.js"></script>

<input type="text" id="input1">
<input type="text" id="input2">

<p>Combined value: <span></span></p>

JavaScript

var input1 = document.querySelector('#input1');
var input2 = document.querySelector('#input2');

var span = document.querySelector('span');

var obs1 = Rx.Observable.fromEvent(input1, 'input');
var obs2 = Rx.Observable.fromEvent(input2, 'input');
/* 
obs1.mergeMap(
  event1 => {
    return obs2.map(
      event2 => event1.target.value + ' ' + event2.target.value
    )
  }
).subscribe(
  combinedValue => span.textContent = combinedValue
);
 */
 
 obs1.subscribe(res => console.log(res))