How's it coming along, this lesson we are going to do the final tweaks and updates to the game, one
of the things that I did want to do is I want to make this button a little bit bigger and update the
background color of it.
So playing some styling, making it red, update the width text line to center some additional padding
and make the font size bit bigger so it stands out more and also the color.
So to wait.
So refresh.
So in a nice big start button.
So we click it, it disappears.
This is the solution that we want to send.
We also need to add in the communication.
We already have this message area.
We've selected it in the message object so we can make use of it within our code.
So instead of using the console messages, we're going to output that content to the player so then
they can see what's happening within the game.
So certainly the console message, take our message, update our inner HTML and equal that to whatever
message we were going to have within the console as well.
I want to update the style values so once they get it wrong.
So sending this back to black is going to give us some more of an option as we're playing the game to
update some of those colors.
And I'm going to get rid of some of the console messages as well to clean up the code to make this bigger,
create that message that goes out to the player.
So you found that's the letter and we want to output it.
A number of times, so we use this to be grammatically correct, if gas is larger than one, that's
going to say times.
Using a terrorist operator or it will save time and let's also update the style and if they didn't get
it correct, so if they didn't find any of the letters, we got to turn it to read it.
We'll take message out so that we only have to output it.
And to interrupt him one time, we can build out multiple messages to the player.
So in this case, we're going to write out not found.
And here we're and so the console message, let's select that inner and we'll output that message straight
away because it's HTML adding in a line library and then the value for letters left.
So let's try out our new changes.
Not found.
Two letters left, not found.
You found B letter two times, zero letters left and you can start the game again.
We start the game again.
C letter two times zero letters left and we've got a lot of the functionality that we need it.
One of the last things that I wanted to do is update that message area.
So updating the font size, adding in a margin to the top.
Let's take a different font family.
So try that one more time.
You found B letter two times zero letters left.
Add this into your project.
Add in the messaging to the player.
Also work through the logic to make sure that it's functioning the way that you need it.
And next, we're going to do a final code review.