1
00:00:00,230 --> 00:00:01,500
How'd it go?

2
00:00:01,500 --> 00:00:05,930
If you didn't get it all or found parts
to be challenging, that's perfectly okay.

3
00:00:05,930 --> 00:00:08,260
As I said before,
you'll get used to this stuff.

4
00:00:08,260 --> 00:00:12,000
And it'll become easier as you
gain more experience and practice.

5
00:00:12,000 --> 00:00:16,420
If you had to refer back to the videos or
look something up, that's completely fine.

6
00:00:16,420 --> 00:00:18,580
Okay, let's look at the first challenge.

7
00:00:18,580 --> 00:00:23,510
It says show the hidden restaurant review
or use an animation method to reveal it.

8
00:00:24,780 --> 00:00:31,700
If we look at our HTML, We can see that
this review has the class of review.

9
00:00:32,730 --> 00:00:35,509
So I'll select that class in app.js.

10
00:00:38,880 --> 00:00:41,660
I could reveal the review
using the show method and

11
00:00:41,660 --> 00:00:43,870
that's a perfectly good solution.

12
00:00:43,870 --> 00:00:48,950
But I'm going to use the fade in animation
instead, just to have a little fun.

13
00:00:51,710 --> 00:00:56,640
So let's do that and
then we can save and preview.

14
00:00:56,640 --> 00:00:58,310
And there you go, it fades in, great.

15
00:01:00,540 --> 00:01:03,440
The second challenge reads, set the title

16
00:01:03,440 --> 00:01:06,560
of the hidden restaurant review to
a different name, whatever you'd like.

17
00:01:07,630 --> 00:01:09,605
Let's look and see what selector we need.

18
00:01:11,920 --> 00:01:15,390
I could select the title
by tag name like this.

19
00:01:18,160 --> 00:01:22,470
But remember, that would get and
change every h3 on the page.

20
00:01:22,470 --> 00:01:24,920
So I'll need to be a little more specific.

21
00:01:24,920 --> 00:01:29,300
I want the h3 inside of the div
with the class of review.

22
00:01:29,300 --> 00:01:31,670
So I can write a descendant selector for
that.

23
00:01:33,430 --> 00:01:37,000
Now I'll use the text method
to set the name of restaurant.

24
00:01:46,450 --> 00:01:47,750
Let's make sure this works.

25
00:01:49,030 --> 00:01:49,940
And it does, great.

26
00:01:51,390 --> 00:01:56,110
The third challenge is to change the text
of the hidden restaurant review.

27
00:01:56,110 --> 00:02:00,970
And the review needs to contain HTML such
as the strong tag or a span element.

28
00:02:04,510 --> 00:02:09,883
To change the restaurant review,
I wrote another descendant selector,

29
00:02:09,883 --> 00:02:15,620
this time targeting the paragraph tag
inside the div with the class of review.

30
00:02:16,660 --> 00:02:22,290
And use the HTML method to get and
set the HTMLof the review.

31
00:02:22,290 --> 00:02:24,040
So let's see what that
looks like really quick.

32
00:02:26,040 --> 00:02:26,606
And there you go.

33
00:02:29,610 --> 00:02:32,060
Number 4 asks us to change
the name of the app,

34
00:02:33,480 --> 00:02:38,370
which is here in a span within the h1 tag.

35
00:02:38,370 --> 00:02:40,650
So, again,
we'll need a descendant selector.

36
00:02:44,000 --> 00:02:48,880
There is only one h1 one the page, so
I went ahead and selected by tag name and

37
00:02:48,880 --> 00:02:51,200
then used a descendant selector.

38
00:02:51,200 --> 00:02:53,914
Finally, I used a text
method to change the name.

39
00:02:58,358 --> 00:03:03,103
For number 5, I selected the div by ID,
then chained together the following

40
00:03:03,103 --> 00:03:07,276
methods passing the correct times
in milliseconds to each method.

41
00:03:13,640 --> 00:03:17,936
And finally for number 6,
first I target the restaurant name and

42
00:03:17,936 --> 00:03:21,070
the restaurant review
form input fields by ID.

43
00:03:22,180 --> 00:03:25,680
And I use the val method
to get their values.

44
00:03:25,680 --> 00:03:28,510
Then I saved the values to variable.

45
00:03:28,510 --> 00:03:31,540
Now we need to get and
set the empty h3 and

46
00:03:31,540 --> 00:03:36,890
paragraph text within the div
with the ID of new restaurant.

47
00:03:38,750 --> 00:03:44,348
We want the restaurant name to
go inside this newRestaurant h3,

48
00:03:44,348 --> 00:03:49,252
and the content of the review
to go into newRestaurant p.

49
00:03:52,130 --> 00:03:56,760
I used the text method for both and
I passed in the variables I made above.

50
00:04:00,940 --> 00:04:03,116
So let's save and test this.

51
00:04:10,840 --> 00:04:12,910
And awesome, it works.

52
00:04:12,910 --> 00:04:17,480
Remember, you may have done things a bit
differently, and that is totally okay.

53
00:04:17,480 --> 00:04:19,880
This is just one solution.

54
00:04:19,880 --> 00:04:20,910
Excellent work.

55
00:04:20,910 --> 00:04:23,540
Remember to keep practicing,
and I'll see you next time.