JS Bin - Collaborative JavaScript Debugging

<!DOCTYPE html> <html id="jsbin-com" lang="en" class=""> <head> <meta charset=utf-8> <title>JS Bin - Collaborative JavaScript Debugging</title> <link rel="alternate" type="application/json+oembed" href="https://jsbin.com/oembed?url=https://jsbin.com/gohezulama/4/edit?html,js,output"> <link rel="icon" href="https://static.jsbin.com/images/favicon.png"> <link rel="stylesheet" href="https://static.jsbin.com/js/vendor/codemirror5/lib/codemirror.css?4.1.8"> <link rel="stylesheet" href="https://static.jsbin.com/css/style.css?4.1.8"> <link rel="stylesheet" href="https://static.jsbin.com/css/themes.css?4.1.8"> <meta name="monetization" content="$ilp.uphold.com/AQzKX9y6jBdh"> <link rel="manifest" href="https://jsbin.com/manifest.json"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://static.jsbin.com/css/mobile.css?4.1.8"> <link rel="stylesheet" href="https://static.jsbin.com/css/font.css?4.1.8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1656750-13', 'auto'); ga('require', 'linkid', 'linkid.js'); ga('require', 'displayfeatures'); ga('send', 'pageview'); </script> <meta id="app-description" name="description" content="A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more..." /> <meta property="og:url" content="https://jsbin.com" /> <meta property="og:title" content="JS Bin" /> <meta property="og:description" content="A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more..." /> <meta property="og:image" content="https://static.jsbin.com/images/logo.png" /> </head>     <body class="source public ">  <script> if(top != self) { window.location = location.pathname.split('/').slice(0, -1).concat(['embed']).join('/') + (location.search ? location.search : ''); document.write('<' + '!--'); } </script> <a href="#html" id="skipToEditor" class="visuallyhidden">Skip welcome & menu and move to editor</a> <div id="toppanel" class="toppanel-wrapper" style="display:none;"> <div class="toppanel-column toppanel-column-first"> <a href="#" class="toppanel-hide" title="Close">Close welcome panel</a> <a href="#" class="toppanel-logo"> <img src="https://static.jsbin.com/images/dave.min.svg" alt="Welcome to JS Bin"> </a> <div class="toppanel-actions toppanel-actions-alone"> <div> <a id="createnew" href="https://jsbin.com" class="toppanel-button createnew">New bin</a> </div> <div> </div> </div> </div> <div class="toppanel-column"> <div><label id="enableUniversalEditorLabel" for="enableUniversalEditor"><input type="checkbox" id="enableUniversalEditor">Textarea editor mode</label></div> <h2 class="toppanel-title"><a href="http://jsbin.com/help/features" class="toppanel-link">JS Bin features</a></h2> <ul class="toppanel-list"> <li><a href="http://jsbin.com/help/getting-started" class="toppanel-link">Getting started</a></li><li><a href="http://jsbin.com/help/keyboard-shortcuts" class="toppanel-link">Keyboard Shortcuts</a></li><li><a href="http://jsbin.com/help/export-gist" class="toppanel-link">Exporting/importing gist</a></li> </ul> </div> <div class="toppanel-column"> <h2 class="toppanel-title"><a href="/upgrade" class="toppanel-link">Pro features</a></h2> <ul class="toppanel-list"> <li><a href="http://jsbin.com/help/private-bins" class="toppanel-link">Private bins</a></li><li><a href="http://jsbin.com/help/vanity-urls" class="toppanel-link">Vanity URLs</a></li> </ul> <div class="toppanel-section toppanel-love toppanel-no-pro"> <center><a href="/upgrade">Upgrade to pro now</a></center> </div> </div> <div class="toppanel-column"> <div class="toppanel-blog toppanel-section"> <h2 class="toppanel-title"><a href="http://jsbin.com/blog" class="toppanel-link">Blog</a></h2> <ul class="toppanel-list"> <li><a href="http://jsbin.com/blog/twdtw-10-jshint-highlighting-pro" class="toppanel-link">JSHint, line highlighting and more</a></li> </ul> </div> <div class="toppanel-help toppanel-section"> <h2 class="toppanel-title"><a href="http://jsbin.com/help" class="toppanel-link">Help</a></h2> <ul class="toppanel-list"> <li><a href="http://jsbin.com/help/versions" class="toppanel-link">Versions: processors & more</a></li><li><a href="http://jsbin.com/help/delete-a-bin" class="toppanel-link">Delete a bin</a></li> </ul> </div> </div> <div class="toppanel-column"> <div class="toppanel-section"> <h2 class="toppanel-title"><a href="https://opencollective.com/jsbin/contribute" target="_blank" class="toppanel-link">Donate to JS Bin ❤</a></h2> <ul class="toppanel-list"> <li><a href="https://opencollective.com/jsbin/contribute">Support JS Bin to keep the project open source & MIT for all</a></li> <li><a href="https://twitter.com/js_bin">Follow @js_bin on twitter</a></li> <li><a href="http://jsbin.com/legals">By using JS Bin you agree to our legal terms</a></li> </ul> </div> <div class="toppanel-section toppanel-love haspro"> <p><a target="_blank" href="http://jsbin.com/dave/last/edit">Dave</a> loves you <span class="love">&hearts;</span> because you're a Pro.</p> </div> </div> <div class="toppanel-column"> <div class="toppanel-section"> <div class="toppanel-quote">“Everyone should learn how to program a computer because it teaches you how to think” — <span class="toppanel-quote-author">Steve Jobs</span></div> </div> </div> </div> <script> // try { if (localStorage.settings === undefined || localStorage.settings.indexOf('"toppanel":false') === -1) { document.body.className += ' toppanel'; } } catch (e) { // if there is no localStorage } </script> <main> <a class="toggle-side-nav mobile-nav-trigger" href="#mobile-nav"><img src="https://static.jsbin.com/images/dave.min.svg" alt="Welcome to JS Bin"></a> <nav id="mobile-nav"> <ul> <li aria-hidden="true"><a class="toggle-side-nav" href="#">Dismiss</a></li> <li><a class="createnew" href="/">New</a></li> <li><a class="homebtn" href="/open">Open…</a></li> <li class="loggedin"><a href="/account">Account</a></li> <li class="loggedin"><a href="/logout">Logout</a></li> <li class="loggedout"><a href="/login">Login / Register</a></li> <li class="gopro-plain"><a href="/upgrade">Upgrade</a></li> <li><a href="/help">Help</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/about">About</a></li> </ul> <a href="https://github.com/jsbin/jsbin" id="version" aria-hidden="true">v4.1.8</a> </nav> <div id="control"> <div class="control"> <div id="menuinfo"><p></p></div> <div class="buttons"> <div class="menu"> <a href="https://jsbin.com/gohezulama/4/edit#file" target="_blank" class="brand button button-dropdown group button-dropdown-arrow"><img src="https://static.jsbin.com/images/favicon.svg"> File</a> <div class="dropdown" id="file"> <div class="dropdownmenu"> <a id="createnew" data-desc="Create a brand new bin" class="button group" title="Create fresh bin" href="https://jsbin.com" data-label="new">New</a> <a data-desc="Set this bin to private" data-pro="true" class="button group" title="Set this bin to private" href="https://jsbin.com/upgrade">Make bin private</a> <a class="deletebin button group" data-desc="Delete bin" title="Delete this bin" href="https://jsbin.com/delete" data-shortcut="ctrl+shift+del">Delete</a> <a class="archivebin button group" data-desc="Archive bin" title="Archive this bin" href="/gohezulama/4/archive">Archive</a> <a class="unarchivebin button group" data-desc="Unrchive bin" title="Restore this bin from the archive" href="/gohezulama/4/unarchive">Unarchive</a> <hr data-desc=""> <a id="addmeta" data-desc="Insert a description shown in My Bins" title="Add meta data to bin" class="button group" href="#add-description">Add description</a> <a title="Save snapshot" data-desc="Save current work, and begin new revision on next change" data-shortcut="ctrl+s" class="button save group" data-label="save" href="https://jsbin.com/save">Save snapshot</a> <a data-desc="Copy and create a new bin start at revision #1" id="clone" title="Create a new copy" class="button clone group" data-label="clone" href="https://jsbin.com/clone">Clone</a> <hr data-desc=""> <a data-pro="true" data-desc="Publish the current bin to https://jsbin.com" class="button group" title="Publish the current bin to https://jsbin.com" href="https://jsbin.com/upgrade">Publish to vanity homepage</a> <a data-desc="Export individual panels to Github's gist as an anonymous user" class="export-as-gist button group" title="Create a new anonymous GitHub Gist from this bin" href="#export-to-gist">Export as gist</a> <a data-desc="Download a complete html file for this bin" id="download" title="Save to local drive" class="button download group" href="https://jsbin.com/download" data-label="download">Download</a> <a data-desc="Use content from this bin when creating new bins" class="startingpoint button group" title="Set as starting code" href="https://jsbin.com/save" data-label="save-as-template">Save as template</a> <a hidden data-desc="How to embed a bin" target="_blank" title="How to embed a bin" data-label="how-to-embed" class="button group" href="http://jsbin.com/help/how-can-i-embed-jsbin">How to embed</a> </div> </div> </div><div class="menu"> <span class="button group">Add library <select class="library" id="library"></select> </span> </div><div id="sharemenu" class="menu "> <a href="#share" class="button button-dropdown group">Share</a> <div class="dropdown share-split" id="share"> <div class="dropdowncontent"> <form> <div class="controls"> <strong>State</strong> <div id="sharebintype" data-desc="Streaming state of the bin when it's shared"> <ul> <li><label><input type="radio" name="state" checked value="realtime"> Latest<span id="andlive"></span></label></li> <li><label><input type="radio" name="state" class="lockrevision" value="snapshot"> Snapshot </label></li> </ul> </div> <div id="sharepanels"> <strong>View</strong> <label><input checked type="radio" name="view" value="editor"> Editor<span class="codecasting"><br><small>with codecasting</small></span></label> <ul> <li><label><input name="panel" type="checkbox" value="html">HTML</label></li> <li><label><input name="panel" type="checkbox" value="css">CSS</label></li> <li><label><input name="panel" type="checkbox" value="js">JS</label></li> <li><label><input name="panel" type="checkbox" value="console">Console</label></li> <li><label><input name="panel" type="checkbox" value="output">Output</label></li> </ul> </div> <label for="output-view"><input id="output-view" type="radio" name="view" value="output"> Output only<span class="codecasting"><br><small>with live reload</small></span></label> </div> <div class="result"> <div data-desc="This bin's full output without the JS Bin editor"> <strong><a class="link" data-path="/" target="_blank" href="https://jsbin.com/gohezulama/4">Link</a></strong><br> <input name="url" class="link" value="https://jsbin.com/gohezulama/4/edit" type="text"> </div> <div data-desc="Direct links to specific sources of the bin"> <span class="direct-links"></span> </div> <div data-desc="Embed this bin with the live output on your site"> <span class="heading">Embed</span><br><textarea id="embedfield" name="embed" data-path="/embed" class="link"><a class="jsbin-embed" href="https://jsbin.com/gohezulama/4/embed?live">JS Bin demo</a><script src="https://static.jsbin.com/js/embed.js"></script></textarea> </div> <div data-desc="The preview of JS Bin when you share your bin"> <span class="heading">What they'll see</span><br> <div id="share-preview"> <div class="output"></div> <span class="header"></span> <div class="editor"> <div class="html"> </div> <div class="css"> </div> <div class="js"> </div> <div class="console"> </div> <div class="output"> </div> </div> </div> </div> </div> </div> </form> </div> </div> </div> <div id="start-saving" class="menu"> <a href="/gohezulama/4/save" class="save button group">Start saving your work</a> </div> <div id="panels"></div> <div class="help"> <div class="loggedout menu"> <a href="https://jsbin.com/login" class="button button-dropdown focusbtn" id="loginbtn">Login or Register</a> <div class="dropdown login" id="registerLogin"> <div class="dropdowncontent"> <a class="btn-github" href="https://jsbin.com/auth/github"> <img src="https://static.jsbin.com/images/github-32.png"> Login or Register via GitHub </a> <span class="login-group"> Or <a class="btn-login" href="https://jsbin.com/login">use your email address</a> </span> </div> </div> </div> <div class="loggedin menu"> </div> <div class="menu blog"> <a href="http://jsbin.com/blog" class="button">Blog</a> </div> <div class="menu"> <a href="#help" class="button button-dropdown">Help</a> <div class="dropdown dd-right" id="help"> <div class="dropdownmenu"> <a data-shortcut="ctrl+shift+?" data-desc="Discover poweruser keyboard shortcuts" id="showhelp" href="#keyboardHelp">Keyboard shortcuts</a> <a data-desc="Shortcut & direct access JS Bin URLs" id="showurls" href="#urls">JS Bin URLs</a> <hr data-desc=""> <input placeholder="Search help..." class="button" id="helpsearch"><span id="result-count"></span><span id="results"></span> <a id="menu-all-help" data-desc="Learn about JS Bin features & tricks" target="_blank" href="http://jsbin.com/help">All help topics</a> <hr data-desc=""> <a id="menu-feedback" data-desc="Help make JS Bin better" id="newissue" target="_blank" href="http://github.com/jsbin/jsbin/issues/">Send feedback & file bugs</a> <a id="menu-fork" data-desc="Help make JS Bin better" target="_blank" href="https://opencollective.com/jsbin/contribute">Support on OpenCollective</a> <a id="menu-follow-jsbin" data-desc="Find out the latest news & info" target="_blank" href="http://twitter.com/js_bin">Follow @js_bin</a> <a class="" data-pro="true" id="menu-pro" data-desc="Upgrade" href="/upgrade">Support JS Bin: upgrade now</a> </div> </div> </div> </div> </div> </div> </div> <div id="load-cached" tabindex="-1"> <a href="#">Load cached copy from <span></span></a> </div> <script type="template/text" id="profile-template"> <a title="@{name}" href="#profile" class="button button-dropdown avatar" id="accountBtn"><picture> <source srcset="{avatar} 1x, {avatar}?&s=58 2x"> <img src="{avatar}"> </picture> Account</a> <div class="dropdown dd-right" id="profile"> <div class="dropdowncontent"> <div class="large-gravatar"><object data="https://static.jsbin.com/images/default-avatar.min.svg?{name}&4.1.8" type="image/svg+xml"> <img src="https://static.jsbin.com/images/default-avatar.min.svg?4.1.8"></object><picture class="large-gravatar"> <source srcset="{large_avatar} 1x, {large_avatar}?&s=240 2x"> <img class="large-gravatar" src="{large_avatar}"> </picture></div> <span class="input" id="username" readonly> @{name}<sup class="pro">pro</sup> </span> <ul> <li><a href="https://jsbin.com/account/profile">Profile</a></li> <li><a href="https://jsbin.com/account/editor">Editor settings</a></li> <li><a href="https://jsbin.com/account/preferences">Preferences</a></li> <li><a href="https://jsbin.com/logout">Logout</a></li> </ul> </div> <a href="https://jsbin.com/upgrade" class="gopro">Support JS Bin: upgrade to PRO</a> </div> </script> <div id="bin" class="stretch" style="opacity: 0; filter:alpha(opacity=0);"> <div class="inline-menu menu"> <ul> <li class="add-library"><span>Add library</span><select class="library" id="alt-library"></select></li> <li class="run-with-js"><a tabindex="0" role="button">Run with JS</a></li> <li><a tabindex="0" role="button" class="save">Save</a></li> <li><a tabindex="0" role="button" class="show-share">Share</a></li> <li><a tabindex="0" role="button" aria-label="More bin links and information" class="more">…</a></li> </ul> </div> <div id="source" class="binview stretch"> </div> <div id="panelswaiting"> <div class="code stretch html panel"> <div role="menubar" class="label menu" tabindex="0"><span class="name"><strong><a href="#htmlprocessors" role="menuitem" class="fake-dropdown button-dropdown">Processor</a></strong></span><div class="dropdown" id="htmlprocessors"> <div role="menu" aria-hidden="true" class="dropdownmenu processorSelector" data-type="html"> <a role="menuitemradio" aria-checked="true" href="#html" data-label="HTML">HTML</a> <a role="menuitemradio" href="#markdown">Markdown</a> <a role="menuitemradio" href="#jade">Jade</a> <a href="#convert">Convert to HTML</a> </div> </div> </div> <div class="editbox"> <textarea aria-label="HTML Code Panel" spellcheck="false" autocapitalize="none" autocorrect="off" id="html"></textarea> </div> </div> <div class="code stretch javascript panel"> <div role="menubar" class="label menu" tabindex="0"><span class="name"><strong><a role="menuitem" class="fake-dropdown button-dropdown" href="#javascriptprocessors">Processor</a></strong></span> <div class="dropdown" id="javascriptprocessors"> <div role="menu" aria-hidden="true" class="dropdownmenu processorSelector" data-type="javascript"> <a role="menuitemradio" aria-checked="true" href="#javascript" data-label="JavaScript">JavaScript</a> <a role="menuitemradio" href="#babel">ES6 / Babel</a> <a role="menuitemradio" href="#jsx">JSX (React)</a> <a role="menuitemradio" href="#coffeescript">CoffeeScript</a> <a role="menuitemradio" href="#traceur">Traceur</a> <a role="menuitemradio" href="#typescript">TypeScript</a> <a role="menuitemradio" href="#processing">Processing</a> <a role="menuitemradio" href="#livescript">LiveScript</a> <a role="menuitemradio" href="#clojurescript">ClojureScript</a> <a role="menuitem" href="#convert">Convert to JavaScript</a> </div> </div> </div> <div class="editbox"> <textarea aria-label="JavaScript Code Panel" spellcheck="false" autocapitalize="none" autocorrect="off" id="javascript"></textarea> </div> </div> <div class="code stretch css panel"> <div role="menubar" class="label menu" tabindex="0"><span class="name"><strong><a role="menuitem" class="fake-dropdown button-dropdown" href="#cssprocessors">Processor</a></strong></span> <div class="dropdown" id="cssprocessors"> <div role="menu" aria-hidden="true" class="dropdownmenu processorSelector" data-type="css"> <a role="menuitemradio" aria-checked="true" href="#css" data-label="CSS">CSS</a> <a role="menuitemradio" href="#less">Less</a> <a role="menuitemradio" href="#myth">Myth</a> <a role="menuitemradio" href="#sass" data-label="Sass">Sass <span class="small">with Compass</span></a> <a role="menuitemradio" href="#scss" data-label="SCSS">SCSS <span class="small">with Compass</span></a> <a role="menuitemradio" href="#stylus">Stylus</a> <a role="menuitem" href="#convert">Convert to CSS</a> </div> </div> </div> <div class="editbox"> <textarea aria-label="CSS Code Panel" spellcheck="false" autocapitalize="none" autocorrect="off" id="css"></textarea> </div> </div> <div class="stretch console panel"> <div class="label"> <span class="name"><strong>Console</strong></span> <span class="options"> <button id="runconsole" title="ctrl + enter">Run</button> <button id="clearconsole" title="ctrl + l">Clear</button> </span> </div> <div id="console" class="stretch"><ul id="output"></ul><form> <textarea aria-label="Console Panel" id="exec" spellcheck="false" autocapitalize="none" rows="1" autocorrect="off"></textarea> </form></div> </div> <div id="live" class="stretch live panel"> <div class="label"> <span class="name"><strong>Output</strong></span> <span class="options"> <button id="runwithalerts" title="ctrl + enter Include alerts, prompts & confirm boxes">Run with JS</button> <label>Auto-run JS<input type="checkbox" id="enablejs"></label> <a target="_blank" title="Live preview" id="jsbinurl" class="" href="/gohezulama/4"><img src="https://static.jsbin.com/images/popout.png"></a> </span> <span class="size"></span> </div> </div> </div> <form id="saveform" method="post" action="/gohezulama/4/save"> <input type="hidden" name="method"> <input type="hidden" name="_csrf" value="h0bgJR6Y-6lNzJUjbq-kDSF4mp-uzLHoD4ro"> </form> </div> <div id="tip" class=" notification"> <p> You can jump to the latest bin by adding <code>/latest</code> to your URL </p> <a class="dismiss" href="#">Dismiss x</a> </div> <div id="keyboardHelp" class="modal"> <div> <h2>Keyboard Shortcuts</h2> <table> <thead> <tr> <th class="shortcut">Shortcut</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>ctrl + [num]</td> <td>Toggle nth panel</td> </tr> <tr> <td colspan="2"> <small> <input type="checkbox" id="enablealt" class="enablealt"> <label for="enablealt">Require alt key, leaving cmd+1, 2 etc for tab switching.</label> </small> </td> </tr> <tr> <td>ctrl + 0</td> <td>Close focused panel</td> </tr> <tr> <td>ctrl + enter</td> <td>Re-render output.<br>If console visible: run JS in console</td> </tr> <tr> <td>Ctrl + l</td> <td>Clear the console</td> </tr> <tr> <td>ctrl + /</td> <td>Toggle comment on selected lines</td> </tr> <tr> <td>ctrl + ]</td> <td>Indents selected lines</td> </tr> <tr> <td>ctrl + [</td> <td>Unindents selected lines</td> </tr> <tr> <td>tab</td> <td>Code complete & <a href="http://docs.emmet.io/" target="_blank">Emmet</a> expand</td> </tr> <tr> <td>ctrl + shift + L</td> <td>Beautify code in active panel</td> </tr> <tr> <td>ctrl + s</td> <td>Save & lock current Bin from further changes</td> </tr> <tr> <td>ctrl + shift + s</td> <td>Open the share options</td> </tr> <tr> <td>ctrl + y</td> <td>Archive Bin</td> </tr> <tr><td colspan="2"><small><br><a href="https://jsbin.com/help/keyboard-shortcuts" target="_blank">Complete list of JS Bin shortcuts</a></small></td></tr> </tbody> </table> </div> </div><div id="urlHelp" class="modal"> <div> <h2>JS Bin URLs</h2> <table> <thead> <tr> <th class="shortcut">URL</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>/</td> <td>Show the full rendered output.<br><small>This content will update in real time as it's updated from the /edit url.</small></td> </tr> <tr> <td>/edit</td> <td>Edit the current bin</td> </tr> <tr> <td>/watch</td> <td>Follow a Code Casting session</td> </tr> <tr> <td>/embed</td> <td>Create an embeddable version of the bin</td> </tr> <tr> <td>/latest</td> <td>Load the very latest bin (/latest goes in place of the revision)</td> </tr> <tr> <td>/[username]/last</td> <td>View the last edited bin for this user</td> </tr> <tr> <td>/[username]/last/edit</td> <td>Edit the last edited bin for this user</td> </tr> <tr> <td>/[username]/last/watch</td> <td>Follow the Code Casting session for the latest bin for this user</td> </tr> <tr> <td>/quiet</td> <td>Remove analytics and edit button from rendered output</td> </tr> <tr> <td>.js</td> <td>Load only the JavaScript for a bin</td> </tr> <tr> <td>.css</td> <td>Load only the CSS for a bin</td> </tr> <tr><td colspan="2"><br><small>Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently.</small></td></tr> </tbody> </table> </div> </div><div hidden> <div class="card" id="infocard"> <div class="body"> <ul class="controls"> <li><a class="transfer" href="#transfer">Transfer</a> </li> <li><a href="/clone">Clone</a> </li> <li><a class="startingpoint" href="/save-as-template">Save as template</a> </li> <li><a class="export-as-gist" href="#export-gist">Export gist</a> </li> <li class="owner"><a href="/download">Download</a> </li> <li class="owner"><a class="deletebin" href="/delete">Delete</a></li> </ul> </div> <header><img> <div class="visibility"></div> <div class="meta"> <div class="author">Bin info</div> <div class="name"><b></b><span class="pro">pro</span></div><span class="when"><canvas></canvas><time></time></span> </div> <div class="viewers"><b>0</b><span>viewers</span></div> </header> </div> </div> <script src="https://static.jsbin.com/js/vendor/jquery-1.11.0.min.js"></script> <script src="https://jsbin.com/bin/user.js?6d2f"></script> <script src="https://static.jsbin.com/js/prod/jsbin-4.1.8.min.js"></script> <script async defer src="https://jsbin.com/bin/start.js?1543f"></script> </main> <div id="ea-wrapper"></div> <script> $.getJSON('https://server.ethicalads.io/api/v1/decision/?publisher=jsbin&ad_types=text-v1&format=jsonp&div_ids=jsbin&callback=?', function (data) { $('#ea-wrapper').html(data.html); });</script> </body> </html>

CINXE.COM

JS Bin - Collaborative JavaScript Debugging