Untitled

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="code rxjs for searchbox">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <input id="input">
<script id="jsbin-javascript">
"use strict";
var input = $('#input');
var inputEvent = Rx.Observable
    .fromEvent(input, 'keyup')
    .pluck('target', 'value')
    .distinctUntilChanged()
    .debounceTime(300)
    .subscribe(function (value) { return console.log(value); });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBRTFCLElBQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQyxVQUFVO0tBQzlCLFNBQVMsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDO0tBQ3pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDO0tBQ3hCLG9CQUFvQixFQUFFO0tBQ3RCLFlBQVksQ0FBQyxHQUFHLENBQUM7S0FDakIsU0FBUyxDQUFDLFVBQUEsS0FBSyxJQUFJLE9BQUEsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBbEIsQ0FBa0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgaW5wdXQgPSAkKCcjaW5wdXQnKTtcblxuY29uc3QgaW5wdXRFdmVudCA9IFJ4Lk9ic2VydmFibGVcbiAuZnJvbUV2ZW50KGlucHV0LCAna2V5dXAnKVxuIC5wbHVjaygndGFyZ2V0JywgJ3ZhbHVlJylcbiAuZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuIC5kZWJvdW5jZVRpbWUoMzAwKVxuIC5zdWJzY3JpYmUodmFsdWUgPT4gY29uc29sZS5sb2codmFsdWUpKTsiXX0=
</script>


<script id="jsbin-source-javascript" type="text/javascript">const input = $('#input');

const inputEvent = Rx.Observable
 .fromEvent(input, 'keyup')
 .pluck('target', 'value')
 .distinctUntilChanged()
 .debounceTime(300)
 .subscribe(value => console.log(value));</script></body>
</html>