Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <h1>Check the console</h1>
    <input type="text" id="demo"/>
    
    <script src="https://npmcdn.com/@reactivex/rxjs@5.0.0-beta.7/dist/global/Rx.umd.js"></script>
    <script src="script.js"></script>
  </body>

</html>

let demoInput = document.querySelector('#demo')
let obs = Rx.Observable.fromEvent(demoInput, 'input')
                       .map(e => e.target.value)
                       .map(v => {
                         return {
                           value: v,
                           length: v.length
                         };
                       });
obs.subscribe(value => console.log(value));

/* Styles go here */