1

00:00:00,120 --> 00:00:06,870

OK, guys, and now we want to add for the public what we can just do right now is to complete this



2

00:00:06,870 --> 00:00:16,580

part and this here we can and with closure syntax and this could be dark and here we can delay the alert



3

00:00:16,620 --> 00:00:18,750

and we will add it at the end.



4

00:00:19,410 --> 00:00:26,350

The first thing we will edit and this video is for this Natcore, we can just reload.



5

00:00:26,460 --> 00:00:35,040

OK, the like note, OK, that's is the first thing we will edit is the background for the Naver.



6

00:00:35,370 --> 00:00:48,870

We can just go here and make a document that queyras a letter for the never pile dot pick ground color



7

00:00:49,290 --> 00:00:50,930

and this one to be equal.



8

00:00:52,020 --> 00:00:58,020

We can just go here and see what we have right now when we choose the dark note.



9

00:00:58,320 --> 00:01:05,030

And then here we have a black and then we will need here to get the color of white.



10

00:01:05,430 --> 00:01:11,430

We can just go to the index of each team and then he will have a match up.



11

00:01:12,190 --> 00:01:15,390

We can search for the next top right here.



12

00:01:15,930 --> 00:01:25,490

OK, the second one is starting from yes, ok.



13

00:01:25,580 --> 00:01:30,130

OK, ok, so yes.



14

00:01:30,130 --> 00:01:31,320

So where is it.



15

00:01:32,160 --> 00:01:33,840

It's having the color of black.



16

00:01:33,840 --> 00:01:34,290

Yes.



17

00:01:34,530 --> 00:01:36,890

And then we can go to the script again.



18

00:01:37,140 --> 00:01:38,590

Make us to be having that.



19

00:01:38,620 --> 00:01:45,850

No we can copy this one and we want this to be having the color of white.



20

00:01:46,590 --> 00:01:49,800

Let's see what we have here when we go and click on the jar.



21

00:01:50,490 --> 00:01:51,840

So here we have this byte.



22

00:01:52,110 --> 00:01:54,630

Let's now make for the list.



23

00:01:55,080 --> 00:02:06,060

We can just go here, copy this part and right here and find it a and then we can go here and click



24

00:02:06,060 --> 00:02:07,520

on the dark.



25

00:02:07,530 --> 00:02:12,090

And now it's applied just for one item.



26

00:02:12,300 --> 00:02:19,710

And that's why we will use here a function which is called for a but when we type the choir's elector



27

00:02:19,710 --> 00:02:23,280

for this part, we will choose just the first one.



28

00:02:23,580 --> 00:02:28,170

There's something which we will need to choose, which is requires a lecture old.



29

00:02:28,470 --> 00:02:35,970

Everything that is having this, which we are having here, you are having here one, two, three,



30

00:02:35,970 --> 00:02:37,230

four, five.



31

00:02:37,440 --> 00:02:40,650

And we want the five, not just the first one.



32

00:02:41,070 --> 00:02:46,320

There's a loop which is called for and we will explain it right now.



33

00:02:46,390 --> 00:02:56,910

This example to explain it here, we can set to variables for X to be equal to document document.



34

00:02:57,750 --> 00:03:00,480

Why are we select all squares of lecture?



35

00:03:00,480 --> 00:03:13,230

All I will choose everything which is having the the class of math Joppa, but a bit better.



36

00:03:13,410 --> 00:03:24,270

We can just go here and give it a class of Wiveton or just Plack and then we can copy this one right



37

00:03:24,270 --> 00:03:28,830

here, OK, here, here and here.



38

00:03:29,880 --> 00:03:32,790

We can now go to this and the latest from here.



39

00:03:34,650 --> 00:03:40,850

We can add the class of flag on this one to be having the color of plaque.



40

00:03:41,160 --> 00:03:42,450

Let's use working.



41

00:03:42,720 --> 00:03:43,530

We can choose.



42

00:03:43,530 --> 00:03:44,370

Yes, it's work.



43

00:03:45,750 --> 00:03:50,270

And now we can go to the script and know how we can use it.



44

00:03:50,520 --> 00:03:51,510

This can be black.



45

00:03:52,110 --> 00:04:01,350

So now I have selected everything inside the file, which is having the black click and then have to



46

00:04:01,360 --> 00:04:03,300

this part in here.



47

00:04:03,840 --> 00:04:13,230

We will use something which is called the length and for the length here we got, uh, one, two, three,



48

00:04:13,350 --> 00:04:14,420

four, five.



49

00:04:14,580 --> 00:04:16,590

So we have five items.



50

00:04:16,770 --> 00:04:26,700

We can just go to the script Atheneum variable, which will be var I zero and then here we can use the



51

00:04:26,700 --> 00:04:27,240

four.



52

00:04:27,240 --> 00:04:31,800

Look, we can use something which is called for sure.



53

00:04:32,220 --> 00:04:38,070

I don't uh I left them x doubleness.



54

00:04:40,270 --> 00:04:41,440

Something guns.



55

00:04:42,290 --> 00:04:51,000

OK, and for this one, it is less than the length this to be and not if it is less than the length



56

00:04:51,010 --> 00:04:52,590

I want five plus plus.



57

00:04:52,960 --> 00:05:02,710

And we will explain all of that when we type all of the code and this one before X, then things pile



58

00:05:03,130 --> 00:05:06,640

that color to be equal to the white.



59

00:05:07,340 --> 00:05:09,940

Let's just test this one inside the page.



60

00:05:10,480 --> 00:05:11,620

We got something here.



61

00:05:12,320 --> 00:05:13,480

Yes, definitely.



62

00:05:13,600 --> 00:05:19,720

We can do this one of our eye and here I equals zero.



63

00:05:21,010 --> 00:05:25,660

And then we can go and test this part from here when we click on Dark.



64

00:05:25,760 --> 00:05:28,790

And so here we got them all for the white color.



65

00:05:29,110 --> 00:05:30,030

What does this mean?



66

00:05:30,040 --> 00:05:35,890

Actually, here we have the for loop for the VA, which is equal to zero.



67

00:05:36,310 --> 00:05:43,390

If the eye is less than the length which we've talked about before, which is zero, and the length



68

00:05:43,630 --> 00:05:45,710

of one, two, three, four, five.



69

00:05:46,120 --> 00:05:49,630

So I want something to be habit that something will be happened.



70

00:05:49,630 --> 00:05:50,740

I want I plus.



71

00:05:50,740 --> 00:05:53,710

Plus what does I mean.



72

00:05:53,950 --> 00:06:06,880

It means I plus one and then so here I equals zero and it's already less than the length of the X and



73

00:06:06,880 --> 00:06:08,870

then here I want I plus plus.



74

00:06:09,220 --> 00:06:16,290

So then you I will be equal to one and then here it will move to here.



75

00:06:16,300 --> 00:06:19,630

So let's say that we have an arrow here which is all of that.



76

00:06:19,640 --> 00:06:22,800

So it will move to this arrow and see the function inside.



77

00:06:23,380 --> 00:06:25,510

And here we got the function inside.



78

00:06:25,840 --> 00:06:26,680

We got here.



79

00:06:27,040 --> 00:06:34,780

That document requires Lechter and what number I want the first one which is having the number one,



80

00:06:34,930 --> 00:06:37,990

which we talked about before and the date.



81

00:06:38,260 --> 00:06:42,080

And then here I want to change its color to be white.



82

00:06:42,340 --> 00:06:44,170

And then we are done from this function.



83

00:06:44,470 --> 00:06:50,470

It tells me I will go back and make sure that this condition is not working.



84

00:06:50,920 --> 00:06:54,750

When it goes here, we have here variable.



85

00:06:54,760 --> 00:07:01,960

It will delete this automatically because the new AI is one and then here it will move.



86

00:07:01,960 --> 00:07:06,840

This part one is still less than the five.



87

00:07:07,180 --> 00:07:10,000

So it will repeat again I plus plus.



88

00:07:10,000 --> 00:07:15,880

And for this time it will be one plus one which is equal to.



89

00:07:16,210 --> 00:07:19,060

And then here it will move to this part.



90

00:07:19,570 --> 00:07:25,900

It makes sure that X for the two, which is the second one in this condition, is true.



91

00:07:26,140 --> 00:07:33,540

So it will make its color to be white and then it will return back to this function and do it until



92

00:07:33,550 --> 00:07:38,830

it goes to five five, if not less than the five.



93

00:07:38,860 --> 00:07:42,560

So this condition will not work for the five.



94

00:07:43,060 --> 00:07:46,360

OK, so there will not be six for the AI plus.



95

00:07:46,360 --> 00:07:50,060

Plus that's how it is working.



96

00:07:50,980 --> 00:07:52,060

OK, that's good.



97

00:07:52,060 --> 00:07:53,320

And I will do it for the math.



98

00:07:53,320 --> 00:08:00,150

For the last thing we will do for the small screen is the icon and the background.



99

00:08:00,940 --> 00:08:06,760

OK, we can just go and search for this icon, the toggle.



100

00:08:08,170 --> 00:08:10,270

We can copy this one right here.



101

00:08:10,300 --> 00:08:12,610

We can go to the script right now.



102

00:08:16,000 --> 00:08:20,530

They want to be for toggle order.



103

00:08:22,360 --> 00:08:24,640

We can change the order from here.



104

00:08:26,290 --> 00:08:27,460

Toggle class.



105

00:08:28,040 --> 00:08:29,950

OK, this one, we can copy this.



106

00:08:30,730 --> 00:08:31,970

Go to the script.



107

00:08:31,970 --> 00:08:32,740

Don J.



108

00:08:32,740 --> 00:08:37,720

S instead of this, we can make it right.



109

00:08:38,230 --> 00:08:42,440

Let's see what we have here right now when we click on talk.



110

00:08:43,120 --> 00:08:44,770

So here we have this.



111

00:08:45,430 --> 00:08:46,480

OK, that's good.



112

00:08:46,720 --> 00:08:50,200

After this part, they want to change the color of the icon.



113

00:08:51,250 --> 00:08:54,160

We can just go here the f a.



114

00:08:54,160 --> 00:08:54,550

S.



115

00:08:55,090 --> 00:09:05,170

We can't cover this part because here the tumbler and thud and a class of f the color for the color.



116

00:09:05,320 --> 00:09:07,120

We wanted to be white.



117

00:09:07,900 --> 00:09:11,250

We can just go and reload a chocolate.



118

00:09:11,500 --> 00:09:16,620

So here we have this, we're just edit for the U.



119

00:09:16,630 --> 00:09:25,870

L we can copy this part for the background color and then we can go here, scroll down here.



120

00:09:25,870 --> 00:09:30,430

We have the you know, we can copy this class, go back to the script.



121

00:09:31,800 --> 00:09:35,650

There's no solid OK here except here.



122

00:09:37,150 --> 00:09:39,190

Background color to be black.



123

00:09:39,680 --> 00:09:45,770

We can now go and reload it to the dark mood and then we can click here.



124

00:09:45,980 --> 00:09:49,440

So here we got that black eye with this one.



125

00:09:50,110 --> 00:09:51,830

OK, that's good.



126

00:09:52,670 --> 00:10:01,040

In the next video, we can do the same for loop, but this one to be for the best class, which is the



127

00:10:01,040 --> 00:10:02,640

text and the Putins.



128

00:10:03,140 --> 00:10:05,030

So good luck and have fun.