File
Login or Register via GitHub
<html><head> <meta charset="utf-8"> <title>JS Bin</title><script src="https://code.jquery.com/jquery-3.1.0.js"></script> </head><body> <button>Toggle scrollbar</button> <div id="View"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium ac elit luctus faucibus. Ut lobortis sapien justo. Fusce semper tellus sit amet nisl laoreet fringilla. Mauris nec lacus ut lacus mollis pretium. Mauris ac tellus mauris. Cras sit amet tempus nibh, vitae sagittis ligula. Sed at augue dolor.Sed fringilla laoreet eros, et fermentum diam suscipit nec. Donec porta, urna venenatis malesuada efficitur, purus turpis eleifend tellus, at tempor justo ante quis tellus. In hac habitasse platea dictumst. In enim erat, eleifend vitae blandit in, pulvinar a mi. Sed sit amet facilisis ipsum, eu condimentum massa. Mauris ultrices libero quis nunc vestibulum, bibendum bibendum orci euismod. Cras ex tortor, porta sit amet ante varius, maximus volutpat nisl. Vivamus tempor, leo eu venenatis commodo, ligula nisl fermentum mauris, congue euismod eros purus id velit. Quisque tortor lectus, auctor sit amet lorem vitae, hendrerit maximus massa. Integer pellentesque dignissim pellentesque. Etiam tempus tortor ac convallis eleifend. Nullam eget velit lacinia mauris mattis aliquam. Donec volutpat, velit nec mattis pretium, elit lectus varius eros, id auctor nunc tellus quis lectus. Nunc purus lacus, feugiat ut purus sed, tincidunt pharetra eros.Donec nec maximus dui, vitae efficitur massa. Cras ut lacus vel velit ultrices suscipit vel sit amet nibh. In eget interdum lectus, id varius sem. Etiam finibus hendrerit orci eget iaculis. Phasellus pellentesque nulla quis erat malesuada, sit amet auctor quam tincidunt. Ut et sapien sed odio convallis pharetra. Sed accumsan tristique nulla, a suscipit enim vehicula ac. Praesent id nisi rhoncus, tincidunt erat ut, dignissim nulla. Donec dignissim mauris ut mattis auctor. Nunc mi lorem, hendrerit sagittis metus a, dapibus tincidunt massa.Donec ultrices est hendrerit, malesuada lorem vitae, aliquet diam. Nullam justo odio, viverra eu sollicitudin eu, malesuada sed leo. Quisque vel velit quis tortor rhoncus maximus. Sed mollis augue nec tortor porttitor blandit. Quisque volutpat quis ante sed euismod. Cras semper condimentum congue. Nullam efficitur nunc eget dolor viverra fermentum.Aliquam vitae ante sed erat accumsan pretium vitae sed lectus. Morbi sit amet tincidunt justo. Proin eu ipsum non nibh auctor pellentesque a non leo. Nulla ac dui sed dolor varius ultricies vel sed purus. Cras fringilla dolor mi, eget lacinia nunc aliquam sed. Mauris dictum scelerisque turpis sit amet pellentesque. Aenean porttitor condimentum elit sit amet vestibulum. Nam in sapien orci. Vestibulum ac nibh non tortor auctor aliquet nec non felis. Vivamus lacus nisl, scelerisque malesuada venenatis eget, cursus vel tortor. In lobortis, lectus vulputate facilisis maximus, augue diam aliquam nulla, at cursus enim mauris non lorem. Etiam vel quam vitae magna iaculis convallis sed quis velit. Integer ultrices eget sapien pulvinar dapibus. Nulla pulvinar nunc non dolor suscipit pharetra. Donec sodales lacus eleifend, varius velit eu, sagittis nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium ac elit luctus faucibus. Ut lobortis sapien justo. Fusce semper tellus sit amet nisl laoreet fringilla. Mauris nec lacus ut lacus mollis pretium. Mauris ac tellus mauris. Cras sit amet tempus nibh, vitae sagittis ligula. Sed at augue dolor.Sed fringilla laoreet eros, et fermentum diam suscipit nec. Donec porta, urna venenatis malesuada efficitur, purus turpis eleifend tellus, at tempor justo ante quis tellus. In hac habitasse platea dictumst. In enim erat, eleifend vitae blandit in, pulvinar a mi. Sed sit amet facilisis ipsum, eu condimentum massa. Mauris ultrices libero quis nunc vestibulum, bibendum bibendum orci euismod. Cras ex tortor, porta sit amet ante varius, maximus volutpat nisl. Vivamus tempor, leo eu venenatis commodo, ligula nisl fermentum mauris, congue euismod eros purus id velit. Quisque tortor lectus, auctor sit amet lorem vitae, hendrerit maximus massa. Integer pellentesque dignissim pellentesque. Etiam tempus tortor ac convallis eleifend. Nullam eget velit lacinia mauris mattis aliquam. Donec volutpat, velit nec mattis pretium, elit lectus varius eros, id auctor nunc tellus quis lectus. Nunc purus lacus, feugiat ut purus sed, tincidunt pharetra eros.Donec nec maximus dui, vitae efficitur massa. Cras ut lacus vel velit ultrices suscipit vel sit amet nibh. In eget interdum lectus, id varius sem. Etiam finibus hendrerit orci eget iaculis. Phasellus pellentesque nulla quis erat malesuada, sit amet auctor quam tincidunt. Ut et sapien sed odio convallis pharetra. Sed accumsan tristique nulla, a suscipit enim vehicula ac. Praesent id nisi rhoncus, tincidunt erat ut, dignissim nulla. Donec dignissim mauris ut mattis auctor. Nunc mi lorem, hendrerit sagittis metus a, dapibus tincidunt massa.Donec ultrices est hendrerit, malesuada lorem vitae, aliquet diam. Nullam justo odio, viverra eu sollicitudin eu, malesuada sed leo. Quisque vel velit quis tortor rhoncus maximus. Sed mollis augue nec tortor porttitor blandit. Quisque volutpat quis ante sed euismod. Cras semper condimentum congue. Nullam efficitur nunc eget dolor viverra fermentum.Aliquam vitae ante sed erat accumsan pretium vitae sed lectus. Morbi sit amet tincidunt justo. Proin eu ipsum non nibh auctor pellentesque a non leo. Nulla ac dui sed dolor varius ultricies vel sed purus. Cras fringilla dolor mi, eget lacinia nunc aliquam sed. Mauris dictum scelerisque turpis sit amet pellentesque. Aenean porttitor condimentum elit sit amet vestibulum. Nam in sapien orci. Vestibulum ac nibh non tortor auctor aliquet nec non felis. Vivamus lacus nisl, scelerisque malesuada venenatis eget, cursus vel tortor. In lobortis, lectus vulputate facilisis maximus, augue diam aliquam nulla, at cursus enim mauris non lorem. Etiam vel quam vitae magna iaculis convallis sed quis velit. Integer ultrices eget sapien pulvinar dapibus. Nulla pulvinar nunc non dolor suscipit pharetra. Donec sodales lacus eleifend, varius velit eu, sagittis nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div></body></html>
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. | |
public
0viewers