The first step we need to do to make sure our project is going to work is checking if the HTML file
can see the JS file.
Remember the three files that we created a few classes ago?
So just going back to the drawing board, we have the JS, the HTML file, which is this one, and we
also have a second file where.
All the JavaScript code is going to be.
And the third file, which is the style dot CSS, where all the formatting and and the pretty part of
our web pages are going to sit.
So the live server, it's right over here.
The live server can see the HTML and the HTML needs to find a way to load the JS file and also the CSS
file.
So my first step right now is making sure HTML can load Edge's file and showing to the web page everything
that is inside of their file.
So we're going to link the HTML file to see the Edge's file or linking the JS file inside of the HTML
file.
If that makes sense.
And the second one is the same for the cease file.
Right now, we're going to focus on the first task, and the first task is linking those two.
So I'm going back to my visual code.
I'm on the HTML page.
Let me just make this a little bit bigger inside of the HTML page.
We have basically.
Two sections over here.
The first section is the head.
And the second section is the body.
Yeah, the head.
Gets is executed first and then the body.
For best practices.
We need to make sure our reference to the JS file, it's inside of the body because it's going to make
our application load faster.
There are so many other best practice behind this.
But take that as a first rule.
So I'm going down here into the body and if you have more code inside of the body, make sure it's the
last line is going to be easier to find later on.
And if you are sharing this code with another developer, that's going to be the first place they're
going to look for.
So inside of it here, we're going to type script and I'm looking for the script source, which is this
one.
So I select that one press return and it does the script and the script source.
Now I need to point where is my JJ's file?
So the JS file, as far as I remember, calls Main Dot JS and it's on the same folder.
So if I, if I can show you my folder structure over here, the JJ's file.
It's here inside of the same folder, which is the JavaScript folder index, any style of CSS.
If he's not, you're going to have to give the HTML file the full path on how to get to that place.
How to get to the file.
Yeah, in my case, because it's in the same folder, I'm just going to write Main dot JS.
I can click over here and then make sure you save your configuration.
So what does that means?
Is Hml now knows how to get.
To the JS file.
So this part is done.
The next class we're going to type something inside of the Jays file, the Jays and, and check if you
can see in our console or in our page, the HTML page.
So I see in the next class.