Skip to content

Instantly share code, notes, and snippets.

@lucifiel0121
Last active March 4, 2019 08:08
Show Gist options
  • Save lucifiel0121/8ba5c2c3a7cd253da28b5aae9b6eaf2d to your computer and use it in GitHub Desktop.
Save lucifiel0121/8ba5c2c3a7cd253da28b5aae9b6eaf2d to your computer and use it in GitHub Desktop.
JS Bin// Exercise 34: HTTP requests , Step 1 : sample jQ as Observable && wiki API
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.0.6/rx.all.js"></script>
<input id="textbox" />
<script id="jsbin-javascript">
"use strict";
var Observable = Rx.Observable;
var textbox = document.getElementById('textbox');
var keypresses = Observable.fromEvent(textbox, 'keypress');
// subscript
keypresses.forEach(function (e) { return console.log(e.keyCode); });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBSSxVQUFVLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQztBQUMvQixJQUFJLE9BQU8sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBRWpELElBQUksVUFBVSxHQUFHLFVBQVUsQ0FBQyxTQUFTLENBQUUsT0FBTyxFQUFFLFVBQVUsQ0FBRSxDQUFDO0FBRTdELFlBQVk7QUFDWixVQUFVLENBQUMsT0FBTyxDQUFFLFVBQUEsQ0FBQyxJQUFJLE9BQUEsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQXRCLENBQXNCLENBQUUsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbInZhciBPYnNlcnZhYmxlID0gUnguT2JzZXJ2YWJsZTtcbnZhciB0ZXh0Ym94ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3RleHRib3gnKTtcblxudmFyIGtleXByZXNzZXMgPSBPYnNlcnZhYmxlLmZyb21FdmVudCggdGV4dGJveCwgJ2tleXByZXNzJyApO1xuXG4vLyBzdWJzY3JpcHRcbmtleXByZXNzZXMuZm9yRWFjaCggZSA9PiBjb25zb2xlLmxvZyhlLmtleUNvZGUpICkiXX0=
</script>
<script id="jsbin-source-javascript" type="text/javascript">
var Observable = Rx.Observable;
var textbox = document.getElementById('textbox');
var keypresses = Observable.fromEvent( textbox, 'keypress' );
// subscript
keypresses.forEach( e => console.log(e.keyCode) )</script></body>
</html>
"use strict";
var Observable = Rx.Observable;
var textbox = document.getElementById('textbox');
var keypresses = Observable.fromEvent(textbox, 'keypress');
// subscript
keypresses.forEach(function (e) { return console.log(e.keyCode); });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBSSxVQUFVLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQztBQUMvQixJQUFJLE9BQU8sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBRWpELElBQUksVUFBVSxHQUFHLFVBQVUsQ0FBQyxTQUFTLENBQUUsT0FBTyxFQUFFLFVBQVUsQ0FBRSxDQUFDO0FBRTdELFlBQVk7QUFDWixVQUFVLENBQUMsT0FBTyxDQUFFLFVBQUEsQ0FBQyxJQUFJLE9BQUEsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQXRCLENBQXNCLENBQUUsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbInZhciBPYnNlcnZhYmxlID0gUnguT2JzZXJ2YWJsZTtcbnZhciB0ZXh0Ym94ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3RleHRib3gnKTtcblxudmFyIGtleXByZXNzZXMgPSBPYnNlcnZhYmxlLmZyb21FdmVudCggdGV4dGJveCwgJ2tleXByZXNzJyApO1xuXG4vLyBzdWJzY3JpcHRcbmtleXByZXNzZXMuZm9yRWFjaCggZSA9PiBjb25zb2xlLmxvZyhlLmtleUNvZGUpICkiXX0=
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment