<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="one">Some text
</div>
</body>
</html>
#one {
color: red;
}
.element1.element2 {
color: yellow;
}
.element1.element2.element3.element4.element5.element6.element7.element8.element9.element10.element11.element12.element13.element14.element15.element16.element17.element18.element19.element20.element21.element22.element23.element24.element25.element26.element27.element28.element29.element30.element31.element32.element33.element34.element35.element36.element37.element38.element39.element40.element41.element42.element43.element44.element45.element46.element47.element48.element49.element50.element51.element52.element53.element54.element55.element56.element57.element58.element59.element60.element61.element62.element63.element64.element65.element66.element67.element68.element69.element70.element71.element72.element73.element74.element75.element76.element77.element78.element79.element80.element81.element82.element83.element84.element85.element86.element87.element88.element89.element90.element91.element92.element93.element94.element95.element96.element97.element98.element99.element100.element101.element102.element103.element104.element105.element106.element107.element108.element109.element110.element111.element112.element113.element114.element115.element116.element117.element118.element119.element120.element121.element122.element123.element124.element125.element126.element127.element128.element129.element130.element131.element132.element133.element134.element135.element136.element137.element138.element139.element140.element141.element142.element143.element144.element145.element146.element147.element148.element149.element150.element151.element152.element153.element154.element155.element156.element157.element158.element159.element160.element161.element162.element163.element164.element165.element166.element167.element168.element169.element170.element171.element172.element173.element174.element175.element176.element177.element178.element179.element180.element181.element182.element183.element184.element185.element186.element187.element188.element189.element190.element191.element192.element193.element194.element195.element196.element197.element198.element199.element200.element201.element202.element203.element204.element205.element206.element207.element208.element209.element210.element211.element212.element213.element214.element215.element216.element217.element218.element219.element220.element221.element222.element223.element224.element225.element226.element227.element228.element229.element230.element231.element232.element233.element234.element235.element236.element237.element238.element239.element240.element241.element242.element243.element244.element245.element246.element247.element248.element249.element250.element251.element252.element253.element254.element255 {color: blue;}
var one = document.getElementById('one');
// for (var i=0; i<255; i++) {
// document.write('.element'+i);
// }
for (var i=1; i<256; i++) {
one.classList.add('element'+i);
}
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. |