All right.
Welcome back.
So in this video we're going to build out the project.
So let's go to our Sublime Text 3 and let's just look over this file real quick.
So we're gonna go to the starter files and the first thing I notice is that we need to add the javascript
so we need to make a folder for the J.S. and then also link it.
So let's make the full diverse someone right click on starter files do new folder here and type in jazz
and then I'm going to right click on that folder and do new file and we'll say this has Maynard J us
OK.
Now when I go back to the index that age him I'll file at the bottom of the not the bottom of the page
with the bottom of the body tag.
I want to type and scrapped as RC and when I do j ust main dot J S and then we'll close the script tag
right there and then when I want to do is counsel that log
connected and then we're going to test this to make sure that we're actually connected to the browser
like we're supposed to be.
So what I'm going to do is let's write click on open of the browser or the index that age Jamal file
and I'm going to inspect the element here.
We're going to go to the council and says connected.
So we are connected and that's what I wanted.
So I'm going to close this out and we can delete this console not log in the very first thing I want
you to do is we're going to write on a variable so we're gonna do variable noun equals console dot log
enter your favorite
outdoor sport.
Now let's right click on opening the browser and inspect that and you see it's doing that.
So
right now we don't need to answer that.
We're just going to preview it there are so many causes out and then what we're going to do next.
I was going to do var variable verb equals console not log
enter your favorite indoor sport OK.
Now we're going to variable a..
Equals canceled out log.
And we're gonna do
under your favorite
athlete
and then variable adverb equals console not log.
And we're going to do enter your favorite coach.
OK.
Now what we're gonna do is I'm gonna go to the index that H Jamal file right click and open in the browser
we're gonna spark this and you can see enter your favorite outdoor sport enter your favorite indoor
sport enter your favorite athlete and your favorite coach.
And the reason why we do it in the council that log first is to make sure that it's actually work in
the way it should be.
So now what we're gonna do is we're gonna do council that log
Do you like to
plus verb so we're calling the verb variable
webbed
with the name plus adjective plus quote again and plain so what we're doing is concatenation.
So we're connecting all these together playing and then we're gonna do.
Plus noun plus and then quote again with space.
And then after that adverb
plus again and OK one more sort of quotes here.
Question mark
that's going to backslash or and then possibly s that's hilarious.
And then we'll close that out.
And now when I right click and open the browser and inspect this you can see if you like to undefined
with undefined and playing undefined with undefined.
That's hilarious.
So what it's doing is it's not defining these because we're not doing we're not really doing anything
with a console that law is just showing these.
But the idea of that was just to show you how to test the code before you actually start adding things.
So what we're gonna do now is we're going to do prompt so for this one we'll do a prompt.
Now it's right clicking open in the browser and we'll do football.
Now if I expect that in the console it's still I give them anything which is OK so we're going to close
that out and we'll change all these to prompt
and we'll put a little space in between them.
OK.
Same with this one
we'll do a prompt here and we'll do prompt here.
And then what I'm gonna do is I'm a right click and open in the browser and let's take a look.
So football basketball
Tom Brady Phil Jackson.
OK.
I'm a right click on inspect Do you like to basketball with Tom Brady and play football with Phil Jackson.
That's hilarious.
So you can see that we need to fix this space in right here.
OK.
So let me go back and see where is our space off
and I I goofed off the plane playing with.
OK.
Here we go right here.
So I figured out where the spacing was off.
So let me save that and I fixed this to you like I didn't have plane here.
So we changed that the plane signoff a right click and open in the browser.
Football is my favorite outdoor sport.
Basketball is my favorite indoor sport.
Tom Brady
Tom Brady is my favorite player and Phil Jackson.
OK.
Now if I right click and inspect this do you like playing basketball Tom Brady and playing football
with Phil Jackson.
That's hilarious.
That is hilarious because they're from different sports so it is funny that Tom Brady plays basketball
on Phil Jackson plays football.
So the last thing we need to do is instead of doing the council that log we're gonna do document
that write
that's only if I spelled document correctly but I'm bump I'm here all week.
OK.
Document that right all right click open the browser.
Football's my favorite outdoor sport.
Basketball is my favorite indoor sport.
Tom Brady is my favorite athlete.
And Phil Jackson is my favorite coach.
So do you like playing basketball Tom Brady and playing football and Phil Jackson.
That's hilarious.
And there you go.
So we have built an entire project using JavaScript and it was only a couple lines here about five lines
but there's a lot that goes into that.
You have to test test test and so with that thank you for watching and I'll see you in the next video.