<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://fb.me/react-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam facilisis tristique. Pellentesque lorem purus, euismod sit amet sem aliquam, gravida congue risus. Vestibulum bibendum nisi cursus porta placerat. Etiam sed metus id urna congue porttitor. Quisque ac purus nec neque commodo tincidunt. Phasellus justo libero, condimentum at orci ut, congue viverra tortor. Duis ultricies nec ipsum eu consequat. Maecenas dictum luctus sollicitudin. Morbi sed accumsan libero. Praesent rutrum nulla ante, ac fringilla tortor ullamcorper at. Integer magna enim, commodo eu fringilla tempus, imperdiet ac felis. Proin malesuada, justo eu eleifend ullamcorper, lacus quam maximus tellus, eu finibus justo diam nec enim. Cras euismod dolor urna, quis bibendum orci commodo nec.</p>
<button id="showModal">Show modal</button>
<div class="modal"></div>
</body>
</htm
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
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. |