Simplified stream demo

by dmitri14

HTML

<script src="https://cdn.rawgit.com/paldepind/flyd/master/flyd.js"></script>
<script src="https://cdn.rawgit.com/ramda/ramda/master/dist/ramda.js"></script>
<p>
  Type for immedite reaction: <input id="text1">
</p>
<p>
  Type and hit return for reaction: <input id="text">
</p>
<p>
  The result: <span id="combined"></span>
</p>

JavaScript

var textElm1 = document.getElementById('text1');
var textElm = document.getElementById('text');
var showEl = document.getElementById('combined');

var inputStream1 = flyd.stream();
textElm1.addEventListener('input', inputStream1);
 
var inputStream = flyd.stream();
textElm.addEventListener('change', inputStream);
 
var pair = x => y => [x, y];
 
//var combined = inputStream1.map(pair).ap(inputStream);
var combined = R.sequence(flyd.stream, [inputStream1, inputStream])
 
// subscribing to the combined stream
combined.map(function ([x, y]) {
  showEl.textContent = x.target.value + ' + ' + y.target.value
})