How to Merge seperated JS file, CSS file and HTML file together?

Question

I'm new to JavaScript. I need a CSS text animation to setup a part of my website. Here I found an attractive animation link is in the 3rd comment because stackoverflow doesn't allow me to put the link here (keep showing an error)

When I copy these HTML code, CSS code and JS code and create a webpage including them, It doesn't work properly. Actually no any animation.

How can I solve this to work?

Press F12 on your browser to see what error you are getting.Are you including the necessary libraries? — Rafed Muhammad Yasir
– Rafed Muhammad Yasir, Commented May 14, 2017 at 7:26
@Rafed Muhammad Yasir yes think they already included all the libraries. But I haven't check for any error in console. I'll check that — Sachini Prasadika
– Sachini Prasadika, Commented May 14, 2017 at 7:29
The JS is using jQuery. The html code shown there does not include it. Have you include the jQuery? — Rafed Muhammad Yasir
– Rafed Muhammad Yasir, Commented May 14, 2017 at 7:33

score 1 · Accepted Answer · 2017-05-14 08:03:58Z

1

For javascript

Make script tag and copy all the JavaScript between it.

<script>...</script>

For css

Make a style tag and copy all the CSS between it.

<style>...</style>

And to fix your problems double check your code and see whether you are missing some library or not.

The codepen project us using jquery, font-awesome and other things. This will help you import some of them.

<script src="https://use.fontawesome.com/230e98b440.js"></script> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

edited May 14, 2017 at 8:03

answered May 14, 2017 at 7:55

user8003769

Sign up to request clarification or add additional context in comments.

Comments

user7993717 · Accepted Answer · 2017-05-14 11:00:11Z

0

This is an Option :

Signup in the codepen.io
Goto your link
Click on the Export button at the right bottom corner
Select Export.zip
After download the zip file, unzip it
Open index.html and you'll see the result.
Check the code of index.html for the missing codes

answered May 14, 2017 at 11:00

user7993717

Collectives™ on Stack Overflow

How to Merge seperated JS file, CSS file and HTML file together?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related