JSFiddle - React, Tailwind, and code Playground

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>
<input type="text" id="text1">
<input type="text" id="text">
<div id="combined">
</div>

Babel + JSX

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

 var inputStream1 = flyd.stream();
 textElm1.addEventListener('input', inputStream1);
 
 var inputStream2 = flyd.stream();
 textElm.addEventListener('change', inputStream2);
 
const idsToEls = idsArray => idsArray.map(id => 
	document.getElementById(id)
)

const elsToStreams = elsArray => elsArray.map(el =>
	el.addEventListener('input', el)
)

['text1','text']
//	.map(id => document.getElementById(id))
 //	.map(el => el.addEventListener('input', flyd.stream())
//  .map(R.sequence(flyd.stream))
  .map(console.log)
 // .map(([x, y]) => {
  	//showEl.textContent = x.target.value + y.target.value
   //})

  
 //var pair = x => y => [x, y];
 
 //var combined = inputStream1.map(pair).ap(inputStream);
 var combined = R.sequence(flyd.stream)([inputStream1, inputStream2])

//var combined = [] R.sequence(flyd.stream)([inputStream1, inputStream2])
 
 // subscribe view to the combined stream
 combined.map(([x, y]) =>
 // showEl.textContent = x.target.value + y.target.value
 )