'How can I recreate a codepen locally on my computer?

So I found a nice website on CodePen and I want to copy/paste it local so I can play with it a bit. I have created all 3 files ( html, css, javascript ) in the same folder and I linked them in the html file. In the local folder I have : index.html + stylesheet.css + Javass.js.

I have linked them in respectively like this:

     <link rel="stylesheet" href="stylesheet.css">
     <script src="Javass.js"></script>

I think the css file is showing but not the js one. Can you help me?

Edit: https://codepen.io/TurkAysenur/pen/gORaboY (this is the codepen)

javascripthtmlcsscodepen


Solution 1:[1]

It is hard to tell like this. Though here are the common things:

  1. Copy code pen's html into the body html element (don't replace the whole code)

  2. Make sure JS runs after page loaded ( window.onload=()=>{...} ) or any other solution for that.

Edit: according to Yogi there is an export button. This could be the simplest solution for you

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 lior bakalo

Related Questions