Jsbin

<!
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/o
embed?url=https://jsbin.com/?html,output">
<link rel="icon" href="https://static.jsbin.com/images/favicon.png">
<link rel="stylesheet" href="https://static.jsbin.com/js/vendor/codemirror5/li
b/codemirror.css?3.40.2">
<link rel="stylesheet" href="https://static.jsbin.com/css/style.css?3.40.2">
<link rel="stylesheet" href="https://static.jsbin.com/css/themes.css?3.40.2">
<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?3.40.2">
<link rel="stylesheet" href="https://static.jsbin.com/css/font.css?3.40.2">
<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 HTM
L, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jad
e and more..." />
<meta property="og:url" content="https://jsbin.com/edit" />
<meta property="og:title" content="JS Bin" />
<meta property="og:description" content="Sample of the bin: " />
<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 crea
tenew">New bin</a>
</div>
<div>
</div>
</div>
</div>
<div class="toppanel-column">
<div><label id="enableUniversalEditorLabel" for="enableUniversalEditor"><i
nput type="checkbox" id="enableUniversalEditor">Textarea editor mode</label></di
v>
<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>
<h2 class="toppanel-title"><a href="/upgrade" class="toppanel-link">Pro fe
atures</a></h2>
<li><a href="http://jsbin.com/help/private-bins" class="toppanel-link">P
rivate bins</a></li><li><a href="http://jsbin.com/help/dropbox" class="toppanellink">Dropbox backup</a></li><li><a href="http://jsbin.com/help/vanity-urls" cla
ss="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-blog toppanel-section">
<h2 class="toppanel-title"><a href="http://jsbin.com/blog" class="toppanel
-link">Blog</a></h2>
<li><a href="http://jsbin.com/blog/twdtw-10-jshint-highlighting-pro" cla
ss="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>
<li><a href="http://jsbin.com/help/versions" class="toppanel-link">Versi
ons: processors & more</a></li><li><a href="http://jsbin.com/help/delete-a-b
in" class="toppanel-link">Delete a bin</a></li>

</ul>
</div>
</div>
<div class="toppanel-section">
<h2 class="toppanel-title"><a href="https://gratipay.com/jsbin" target="
_blank" class="toppanel-link">Donate to JS Bin ?</a></h2>
<li><a href="https://gratipay.com/jsbin">Support JS Bin to keep th
e 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> love
s you <span class="love">&hearts;</span> because you're a Pro.</p>
</div>
</div>
<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="toppane
l-quote-author">Steve Jobs</span></div>
</div>
</div>
</div>
<script>
//
try {
if (localStorage.settings === undefined || localStorage.settings.indexOf('"t
oppanel":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="htt
ps://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">v3.40
.2</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/edit#file" target="_blank" class="brand but
ton 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="butt
on 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="De
lete this bin" href="https://jsbin.com/delete" data-shortcut="ctrl+shift+del">De
lete</a>
<a class="archivebin button group" data-desc="Archive bin" title="
Archive this bin" href="/archive">Archive</a>
<a class="unarchivebin button group" data-desc="Unrchive bin" titl
e="Restore this bin from the archive" href="/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 de
scription</a>
<a title="Save snapshot" data-desc="Save current work, and begin n
ew revision on next change" data-shortcut="ctrl+s" class="button save group" dat
a-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" h
ref="https://jsbin.com/clone">Clone</a>
<hr data-desc="">
<a data-pro="true" data-desc="Publish the current bin to https://j
sbin.com" class="button group" title="Publish the current bin to https://jsbin.c
om" href="https://jsbin.com/upgrade">Publish to vanity homepage</a>
<a data-desc="Export individual panels to Github's gist as an anon
ymous user" class="export-as-gist button group" title="Create a new anonymous Gi
tHub Gist from this bin" href="#export-to-gist">Export as gist</a>
<a data-desc="Download a complete html file for this bin" id="down
load" title="Save to local drive" class="button download group" href="https://js
bin.com/download" data-label="download">Download</a>
<a data-desc="Use content from this bin when creating new bins" cl
ass="startingpoint button group" title="Set as starting code" href="https://jsbi
n.com/save" data-label="save-as-template">Save as template</a>
<a hidden data-desc="How to embed a bin" target="_blank" title="Ho
w to embed a bin" data-label="how-to-embed" class="button group" href="http://js
bin.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 hidden">

<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 w
hen 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="lockrev
ision" 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></l
abel>
<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="cons
ole">Console</label></li>
<li><label><input name="panel" type="checkbox" value="outp
ut">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 edit
or">
<strong><a class="link" data-path="/" target="_blank" href="
https://jsbin.com">Link</a></strong><br>
<input name="url" class="link" value="https://jsbin.com/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 si
te">
<span class="heading">Embed</span><br><textarea id="embedfie
ld" name="embed" data-path="/embed" class="link"><a class="jsbin-embed&q
uot; href="https://jsbin.com/embed?live">JS Bin demo</a><s
cript src="https://static.jsbin.com/js/embed.js"></script></t
extarea>
</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="/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 focu
sbtn" id="loginbtn">Login or Register</a>
<div class="dropdown login" id="registerLogin">
<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 e
mail 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 keyb
oard 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 & tri
cks" 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="newi
ssue" target="_blank" href="http://github.com/jsbin/jsbin/issues/new">Send feedb
ack & file bugs</a>
<a id="menu-fork" data-desc="Help make JS Bin better" target="_bla
nk" href="https://gratipay.com/jsbin/">Donate on Gratipay</a>
<a id="menu-follow-jsbin" data-desc="Find out the latest news & in
fo" 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="a
ccountBtn"><picture>
<source srcset="{avatar} 1x, {avatar}?&s=58 2x">
<img src="{avatar}">
</picture> Account</a>
<div class="dropdown dd-right" id="profile">
<div class="large-gravatar"><object data="https://static.jsbin.com/images/
default-avatar.min.svg?{name}&3.40.2" type="image/svg+xml">
<img src="https://static.jsbin.com/images/default-avatar.min.svg?3.40.2"></o
bject><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
<li><a
<li><a
<li><a
</ul>
href="https://jsbin.com/account/profile">Profile</a></li>
href="https://jsbin.com/account/editor">Editor settings</a></li>
href="https://jsbin.com/account/preferences">Preferences</a></li>
href="https://jsbin.com/logout">Logout</a></li>
</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"><st
rong><a href="#htmlprocessors" role="menuitem" class="fake-dropdown button-dropd
own">Processor</a></strong></span><div class="dropdown" id="htmlprocessors">
<div role="menu" aria-hidden="true" class="dropdownmenu processorSelec
tor" 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">
rong><a role="menuitem" class="fake-dropdown button-dropdown" href="#javascriptp
rocessors">Processor</a></strong></span>
<div class="dropdown" id="javascriptprocessors">
tor" data-type="javascript">
<a role="menuitemradio" aria-checked="true" href="#javascript" datalabel="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>
<textarea aria-label="JavaScript Code Panel" spellcheck="false" autocapi
talize="none" autocorrect="off" id="javascript"></textarea>
</div>
</div>
<div class="code stretch css panel">
rong><a role="menuitem" class="fake-dropdown button-dropdown" href="#cssprocesso
rs">Processor</a></strong></span>
<div class="dropdown" id="cssprocessors">

tor" 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 cl
ass="small">with Compass</span></a>
<a role="menuitemradio" href="#scss" data-label="SCSS">SCSS <span cl
ass="small">with Compass</span></a>
<a role="menuitemradio" href="#stylus">Stylus</a>
<a role="menuitem" href="#convert">Convert to CSS</a>
</div>
</div>
</div>
<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" auto
capitalize="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="hidden" h
ref=""><img src="https://static.jsbin.com/images/popout.png"></a>
</span>
<span class="size"></span>
</div>
</div>
</div>
<form id="saveform" method="post" action="/save">
<input type="hidden" name="method">
<input type="hidden" name="_csrf" value="slFCw/BbuFmtPMKWn62l99od">
</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 t
ab 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/keyboardshortcuts" target="_blank">Complete list of JS Bin shortcuts</a></small></td></t
r>
</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 ur
l 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>
(function () {
var container = document.createElement('div');
container.id = 'bsaapi';
document.body.appendChild(container);
var script = document.createElement('script');
script.src = 'https://jsbin.com/js/inject-back';
document.body.appendChild(script);
})();
</script>
<script
<script
<script
<script
src="https://static.jsbin.com/js/vendor/jquery-1.11.0.min.js"></script>
src="https://jsbin.com/bin/user.js?a5c7"></script>
src="https://static.jsbin.com/js/prod/jsbin-3.40.2.min.js"></script>
async defer src="https://jsbin.com/bin/start.js?475b"></script>
</main>
</body>
</html>

Jsbin

Uploaded by

Jsbin

Uploaded by

<!

<div id="toppanel" class="toppanel-wrapper" style="display:none;">

in" class="toppanel-link">Delete a bin</a></li>

</div><div id="sharemenu" class="menu hidden">

<div class="dropdown" id="cssprocessors">

<div id="keyboardHelp" class="modal">

You might also like