How to run JSBin code on your computer?

Question

I copied code from This JSBin Project on to my desktop into 3 files: index.html, style.css, script.js

I also included the lines in index.html:

 <link rel="stylesheet" href="style.css">
 <script type="text/javascript" src="script.js"></script>

but the script and style files don't seem to work when i open index.html in browser.

it looks like it should work correctly, did you copy the CSS and JS in the JSBin, and put it in style.css and script.js? — Jacob G, Apr 07 '15 at 00:59

score 1 · Accepted Answer · edited May 23 '17 at 11:51

1

jsBin by default omits the http: in the URI ^{see more about protocol relative URL}

<script src="//code.jquery.com/jquery.min.js"></script>

you need to add it:

<script src="http://code.jquery.com/jquery.min.js"></script>

and so for all other script and link tags (if you're viewing your page from file: environment)

See this jsBin http://jsbin.com/kumoyogegu/1/edit go to File > Download > and run it from desktop.

_{(Otherwise, by omitting http: you should correctly see your pages once uploaded to a live server or working from localhost)}

edited May 23 '17 at 11:51

Community

answered Apr 07 '15 at 01:00

Roko C. Buljan

thanks. now I see the style. I don't think js is working though. because I don't see the small 3-horizontal-line button, when you press, sidebar opens, that functionality does not work. – Awesome_girl Apr 07 '15 at 01:05
@Awesome_girl works for me. I went to File > Download (in jsBin) and it works out of the box: http://jsbin.com/kumoyogegu/1/edit?html,output – Roko C. Buljan Apr 07 '15 at 01:08
oh my bad, the side bar feature only works when the output window size is small. – Awesome_girl Apr 07 '15 at 01:12
@Awesome_girl yes, you need to resize the window ;) Happy coding – Roko C. Buljan Apr 07 '15 at 01:14

1 Answers1