Sitemap

Countdown app with Vanilla JS

2 min readSep 21, 2021

Let’s build an amazing app together.

We’ll have three folders in our project index.html, main.js, and style.css.

First lets create the new project in the terminal.

npm init js-project [project-name]

index.html

Press enter or click to view image in full size
<script> src="main.js" </script>

<script> tags is a JavaScript, connects the other folders with initial app.

Basically, we import the other folders and in the script tags that communicates with the browser.

Run next command and open the portal that shows in the terminal

npm start
Press enter or click to view image in full size
http://localhost:8080

Copy the http and pass it in the browser, you should see whatever you have type in the <body> tag, index.html file.

index.html

Press enter or click to view image in full size

main.js

Press enter or click to view image in full size

style.css

Press enter or click to view image in full size

Happy Coding !!!

--

--

No responses yet