1 00:00:00,090 --> 00:00:06,300 How's it coming along, this lesson we are going to do the final tweaks and updates to the game, one 2 00:00:06,300 --> 00:00:11,520 of the things that I did want to do is I want to make this button a little bit bigger and update the 3 00:00:11,520 --> 00:00:12,690 background color of it. 4 00:00:12,750 --> 00:00:20,340 So playing some styling, making it red, update the width text line to center some additional padding 5 00:00:20,340 --> 00:00:25,370 and make the font size bit bigger so it stands out more and also the color. 6 00:00:25,530 --> 00:00:26,260 So to wait. 7 00:00:26,340 --> 00:00:27,020 So refresh. 8 00:00:27,030 --> 00:00:28,580 So in a nice big start button. 9 00:00:28,920 --> 00:00:30,520 So we click it, it disappears. 10 00:00:30,870 --> 00:00:32,810 This is the solution that we want to send. 11 00:00:33,210 --> 00:00:35,340 We also need to add in the communication. 12 00:00:35,430 --> 00:00:37,440 We already have this message area. 13 00:00:37,740 --> 00:00:42,630 We've selected it in the message object so we can make use of it within our code. 14 00:00:43,590 --> 00:00:50,180 So instead of using the console messages, we're going to output that content to the player so then 15 00:00:50,250 --> 00:00:52,670 they can see what's happening within the game. 16 00:00:52,710 --> 00:00:59,760 So certainly the console message, take our message, update our inner HTML and equal that to whatever 17 00:00:59,760 --> 00:01:02,550 message we were going to have within the console as well. 18 00:01:03,120 --> 00:01:07,710 I want to update the style values so once they get it wrong. 19 00:01:07,740 --> 00:01:12,570 So sending this back to black is going to give us some more of an option as we're playing the game to 20 00:01:12,570 --> 00:01:13,800 update some of those colors. 21 00:01:14,070 --> 00:01:19,650 And I'm going to get rid of some of the console messages as well to clean up the code to make this bigger, 22 00:01:19,830 --> 00:01:22,910 create that message that goes out to the player. 23 00:01:23,370 --> 00:01:26,940 So you found that's the letter and we want to output it. 24 00:01:27,790 --> 00:01:34,990 A number of times, so we use this to be grammatically correct, if gas is larger than one, that's 25 00:01:34,990 --> 00:01:35,920 going to say times. 26 00:01:37,240 --> 00:01:45,580 Using a terrorist operator or it will save time and let's also update the style and if they didn't get 27 00:01:45,580 --> 00:01:50,480 it correct, so if they didn't find any of the letters, we got to turn it to read it. 28 00:01:50,520 --> 00:01:53,560 We'll take message out so that we only have to output it. 29 00:01:53,560 --> 00:01:58,280 And to interrupt him one time, we can build out multiple messages to the player. 30 00:01:58,420 --> 00:02:00,490 So in this case, we're going to write out not found. 31 00:02:00,490 --> 00:02:06,790 And here we're and so the console message, let's select that inner and we'll output that message straight 32 00:02:07,060 --> 00:02:12,780 away because it's HTML adding in a line library and then the value for letters left. 33 00:02:12,820 --> 00:02:14,320 So let's try out our new changes. 34 00:02:14,350 --> 00:02:15,100 Not found. 35 00:02:15,190 --> 00:02:16,990 Two letters left, not found. 36 00:02:17,110 --> 00:02:22,390 You found B letter two times, zero letters left and you can start the game again. 37 00:02:22,720 --> 00:02:23,670 We start the game again. 38 00:02:23,980 --> 00:02:28,800 C letter two times zero letters left and we've got a lot of the functionality that we need it. 39 00:02:29,170 --> 00:02:33,040 One of the last things that I wanted to do is update that message area. 40 00:02:33,190 --> 00:02:36,630 So updating the font size, adding in a margin to the top. 41 00:02:36,770 --> 00:02:38,440 Let's take a different font family. 42 00:02:38,470 --> 00:02:39,670 So try that one more time. 43 00:02:39,790 --> 00:02:44,090 You found B letter two times zero letters left. 44 00:02:44,110 --> 00:02:45,730 Add this into your project. 45 00:02:45,910 --> 00:02:47,860 Add in the messaging to the player. 46 00:02:48,280 --> 00:02:52,320 Also work through the logic to make sure that it's functioning the way that you need it. 47 00:02:52,330 --> 00:02:54,190 And next, we're going to do a final code review.