1
00:00:00,240 --> 00:00:04,410
All right, this one's going to be a little bit more advanced than the last section because we're going

2
00:00:04,410 --> 00:00:08,640
to be building on that, creating a dynamic welcome message depending on the time.

3
00:00:09,000 --> 00:00:10,910
So this is a customized message.

4
00:00:10,920 --> 00:00:14,970
It's also going to take the input and it's going to say, depending on the time, it's going to give

5
00:00:14,970 --> 00:00:20,060
you a different message back using a bunch of conditions in order to make this happen.

6
00:00:20,310 --> 00:00:26,970
We've got that listeners, of course, query selectors were updating the success and the text using

7
00:00:26,970 --> 00:00:32,340
the date object JavaScript object, updating the background color, as well as suggesting in our HTML.

8
00:00:32,940 --> 00:00:34,260
So this is what it looks like.

9
00:00:34,260 --> 00:00:34,710
I know.

10
00:00:34,710 --> 00:00:35,490
Very plain.

11
00:00:35,490 --> 00:00:38,360
Got one button, you click the button, it gives you the message.

12
00:00:38,520 --> 00:00:43,290
So all of this stuff is happening behind the scenes here where it's calculating the time of day and

13
00:00:43,290 --> 00:00:46,390
then it's giving you an output accordingly and you can also adjust it.

14
00:00:46,410 --> 00:00:52,080
We do have a variable that's going to be adjustable so that you can use that variable in order to adjust

15
00:00:52,080 --> 00:00:53,670
the time of day as needed.