JSFiddle - React, Tailwind, and code Playground

by dmitri14

HTML

<script src="https://cdn.rawgit.com/paldepind/flyd/master/flyd.js"></script>
<input type="text" id="text1">
<input type="text" id="text">
<div id="combined">
</div>

JavaScript

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

 var inputStream1 = flyd.stream();
 textElm1.addEventListener('change', inputStream1);
 
 var inputStream = flyd.stream();
 textElm.addEventListener('change', inputStream);
 
 var pair = x => y => [x, y];
 
 var combined = inputStream1.map(pair).ap(inputStream);
 
 combined.map(function ([x, y]) {
 	var d = x.target.value + y.target.value
  show.textContent = d
 })