1
00:00:00,360 --> 00:00:06,210
Hey there, this section is going to be covering a star rating project where you can click on a star

2
00:00:06,210 --> 00:00:10,620
element and highlight it as well as update it and hover over it.

3
00:00:10,630 --> 00:00:15,270
So it's going to highlight the stars as you hover over them and then track your selection that you make

4
00:00:15,270 --> 00:00:16,350
by clicking on it.

5
00:00:16,590 --> 00:00:19,980
So there's event triggers here as well as element classes.

6
00:00:20,160 --> 00:00:25,920
And the objective in this section is to learn more about applying classes, removing classes and updating

7
00:00:25,920 --> 00:00:27,820
classes on elements.

8
00:00:28,530 --> 00:00:29,580
So let's check this one out.

9
00:00:29,910 --> 00:00:35,570
So when you come into the application, you can see that as I hover over the stars, they light up yellow.

10
00:00:35,700 --> 00:00:41,490
If I click one, then they all go orange and I can click it again, click it again, and you can see

11
00:00:41,490 --> 00:00:47,520
that the number of stars increases and decreases as well as I'm getting a response message on the number

12
00:00:47,520 --> 00:00:51,340
that was clicked so you can utilize this within your applications.

13
00:00:51,360 --> 00:00:53,070
And this is a really useful component.