1
00:00:00,630 --> 00:00:08,100
So there is no in this video we will talk about the basics, so this is from a political point of view

2
00:00:08,460 --> 00:00:10,210
to know about the basics of the script.

3
00:00:10,800 --> 00:00:14,470
But if you want to have a script, there are a lot of YouTube channel.

4
00:00:14,490 --> 00:00:16,880
So they're teaching the JavaScript.

5
00:00:17,520 --> 00:00:25,350
So even when you're doing some sort of E.S.P or is story, you don't need to write any dress code from

6
00:00:25,350 --> 00:00:25,800
scratch.

7
00:00:26,220 --> 00:00:31,060
All you have to do is you need to understand the dress code and what it is doing.

8
00:00:31,290 --> 00:00:40,140
So even though all the members who got the story also said this one, like, you need to just go review

9
00:00:40,140 --> 00:00:48,430
and identify the functions and you need to pass the exam so you no need to read the script from basics

10
00:00:48,450 --> 00:00:50,490
of basic understanding of the JavaScript.

11
00:00:50,500 --> 00:00:56,840
Nesenoff Because if you want to go in the script, it is like ocean JavaScript is like a nightmare.

12
00:00:57,660 --> 00:01:00,340
And this is a programming language.

13
00:01:00,370 --> 00:01:07,650
Yes, because we can do some logical operations and we can also do the object oriented programming in

14
00:01:07,650 --> 00:01:08,340
this JavaScript.

15
00:01:08,700 --> 00:01:12,810
That's what it is called programming, language and ambulance uses.

16
00:01:12,810 --> 00:01:14,100
We cannot do any of the.

17
00:01:16,060 --> 00:01:23,200
So this JavaScript is a kind of programming language that means it will execute on the client's browser.

18
00:01:23,440 --> 00:01:29,110
So whenever this script has been loaded, it will be get a..

19
00:01:29,530 --> 00:01:30,930
So this is a Puno.

20
00:01:30,940 --> 00:01:34,020
This is the only language that will execute in the browser.

21
00:01:34,270 --> 00:01:37,670
But in 2020, there is another language called.

22
00:01:38,320 --> 00:01:44,690
It is also coming in, very innovative.

23
00:01:45,010 --> 00:01:49,720
And so many of us are learning that the word in their website.

24
00:01:50,440 --> 00:01:51,490
So let's talk about this.

25
00:01:52,240 --> 00:01:55,960
So it is used for basic Krenzel validations.

26
00:01:56,050 --> 00:02:03,790
Supposing you had a username and password and Dallas will first define like username you enter should

27
00:02:03,790 --> 00:02:04,810
be like eight characters.

28
00:02:05,140 --> 00:02:11,890
And if you enter the email in the TextField, then JavaScript says that you should have a direct symbol

29
00:02:11,890 --> 00:02:13,030
in this mail.

30
00:02:13,040 --> 00:02:16,810
If you did not put that, then it was a right.

31
00:02:17,230 --> 00:02:18,980
Email is not very far.

32
00:02:19,010 --> 00:02:19,780
That is not valid.

33
00:02:19,790 --> 00:02:25,440
So that is like Krenzel validation and our script is also used for monitoring purposes.

34
00:02:25,450 --> 00:02:30,360
So if you write and you are an example, this can be used for monitoring the example.

35
00:02:30,380 --> 00:02:37,390
So if you switch the tab from a Jumptap to another Google tab, if you open a new tab, direct will

36
00:02:37,570 --> 00:02:41,920
raise that reader to switch the tab and you can also switch anymore.

37
00:02:41,950 --> 00:02:48,790
So this is very useful in creating such environments like monitoring environments and so much.

38
00:02:48,790 --> 00:02:50,020
You can do the script.

39
00:02:50,620 --> 00:02:58,450
I mean, like without refreshing the without sending any request to the server to access some server

40
00:02:58,450 --> 00:02:59,360
with the cancer.

41
00:02:59,770 --> 00:03:01,170
So and of triggers.

42
00:03:01,180 --> 00:03:08,770
Now let's get started writing some code to include any script you need to sell script script that is

43
00:03:08,780 --> 00:03:12,480
used to define the script code.

44
00:03:13,150 --> 00:03:20,230
And this compared to script text can be put anywhere in your head that you and you can keep after the

45
00:03:20,230 --> 00:03:20,570
body.

46
00:03:21,190 --> 00:03:23,470
So I'm putting in the hash tag after the title.

47
00:03:23,800 --> 00:03:30,010
So what you want to do is you can just put the script and it'll be executed by the browser.

48
00:03:30,820 --> 00:03:31,930
So that's right.

49
00:03:32,390 --> 00:03:35,250
So this is one type of notification.

50
00:03:35,260 --> 00:03:36,630
Are you getting upset?

51
00:03:36,790 --> 00:03:37,870
Let's say hello.

52
00:03:39,310 --> 00:03:39,910
Sorry.

53
00:03:39,930 --> 00:03:40,390
Hello.

54
00:03:43,550 --> 00:03:47,420
And what we want to do is we want to put the semicolon at the end.

55
00:03:50,320 --> 00:03:57,090
And so what I want to do is I want to install an extension cord.

56
00:03:57,640 --> 00:03:59,050
I have already installed this.

57
00:03:59,440 --> 00:04:03,090
As you can see, this is the razor wire extension for your call.

58
00:04:03,670 --> 00:04:10,410
What is what it does is it will automatically refresh the page when we see original file.

59
00:04:11,980 --> 00:04:12,430
So.

60
00:04:12,430 --> 00:04:15,820
Right, click on this and you can see open with Sara.

61
00:04:18,220 --> 00:04:21,800
So as you can see, a prototype has been opened and it's just not over.

62
00:04:22,750 --> 00:04:28,630
So after Katrina, after Katrina, then our content is displayed.

63
00:04:29,890 --> 00:04:30,850
So let me.

64
00:04:33,140 --> 00:04:33,770
You like this?

65
00:04:37,540 --> 00:04:39,690
So, right, I think it's reasonable, right?

66
00:04:39,990 --> 00:04:45,130
OK, so first we got the box and then the content is blurred.

67
00:04:45,970 --> 00:04:50,930
So first, if there are any attacks like this, then it will be to Dallas.

68
00:04:51,670 --> 00:04:57,840
We can see this alert function in detecting any exercice vulnerabilities.

69
00:04:57,850 --> 00:05:03,700
If you have already done, you will know that you keep the script alert and put some measures to detect

70
00:05:03,700 --> 00:05:05,350
any exercice vulnerabilities.

71
00:05:05,890 --> 00:05:10,920
OK, this is in line JavaScript, but we don't do like this.

72
00:05:12,010 --> 00:05:17,290
We want to write the code in additional file and we will link to this.

73
00:05:20,780 --> 00:05:27,320
So as you can see, whenever I'm changing the content of the Web site is getting automatically rerouted

74
00:05:27,350 --> 00:05:28,970
by our line server extension.

75
00:05:29,570 --> 00:05:35,570
So I want to script Ezzati easy calls to the more dodgiest.

76
00:05:36,300 --> 00:05:38,450
So it's still not clear that all the day's.

77
00:05:39,760 --> 00:05:43,300
So I want to show you one thing I want to write on this.

78
00:05:46,180 --> 00:05:50,090
And if you go to council, this is like runtime environment apartment.

79
00:05:51,220 --> 00:05:55,750
You can indicate that the script code here, that's alert.

80
00:05:57,400 --> 00:06:06,880
Of high, so, you know, it's high, so you can just take mini console, you can execute some script

81
00:06:07,180 --> 00:06:11,620
comments, I mean, statements which are clear, so clear.

82
00:06:12,610 --> 00:06:17,850
So before we go that there is no tomorrow, so let's go and create that file.

83
00:06:17,930 --> 00:06:24,120
So let me say this as the more I guess, the more that Jesus.

84
00:06:24,580 --> 00:06:25,840
So if I here.

85
00:06:28,030 --> 00:06:32,140
So, no, you did not get any error and also absurd has been refreshed.

86
00:06:32,780 --> 00:06:34,750
Now let's write the same error.

87
00:06:37,860 --> 00:06:38,840
A tough fight.

88
00:06:40,640 --> 00:06:44,520
Well, as you can see, the Web site has been a bit slower and we got hype.

89
00:06:45,250 --> 00:06:55,370
OK, no, this is the hope of that script and like random execution so we can put some content to this

90
00:06:55,370 --> 00:06:55,910
console.

91
00:06:56,090 --> 00:06:56,660
To do that.

92
00:06:56,660 --> 00:07:04,460
You need to consult doctor, say hello or.

93
00:07:09,810 --> 00:07:15,710
So as you can see, the word has been pointed to the console in this way, if you will, conventioneer,

94
00:07:16,230 --> 00:07:20,670
you can get this address in this console according to the Regnum, with the right numbers.

95
00:07:20,790 --> 00:07:24,100
So you can see the monitor, this current current number one.

96
00:07:24,510 --> 00:07:27,270
So this number has been lowered.

97
00:07:28,560 --> 00:07:34,380
So you can also generate error messages, console, not error.

98
00:07:36,380 --> 00:07:38,180
See, my.

99
00:07:40,960 --> 00:07:47,860
As you can see, there is a Red Cross symbol of my era, so if you got any error rate, uh, syntax

100
00:07:47,980 --> 00:07:51,580
defining, then you will get this error with the message.

101
00:07:52,570 --> 00:07:57,760
So this is one way of printing the hope to the console.

102
00:07:59,380 --> 00:08:01,280
So let's talk about the variables.

103
00:08:02,050 --> 00:08:07,290
So first, let me talk about the comments in the JavaScript that Bufano such have comments.

104
00:08:07,600 --> 00:08:10,320
So this.

105
00:08:15,850 --> 00:08:16,380
So this is.

106
00:08:17,110 --> 00:08:23,890
So even after this, this is covered, did not print out because this is considered as a comment and

107
00:08:24,370 --> 00:08:30,120
discard, I don't brother Somatuline comments are so Ashtar and start fresh.

108
00:08:30,520 --> 00:08:38,230
If you're coming from C programming or C++, the same comments you can see the C in C++ can say hi.

109
00:08:41,040 --> 00:08:43,270
So often we do not get any output.

110
00:08:43,530 --> 00:08:45,480
So let's talk about these variables.

111
00:08:47,990 --> 00:08:50,310
So there are three ways to define the variables.

112
00:08:50,690 --> 00:08:56,930
One is using that and another one is using that and another one using constant.

113
00:08:57,530 --> 00:09:05,060
So when I learned this in my college track two years ago, they had told me about only one constant.

114
00:09:05,360 --> 00:09:14,180
So in this year's summer, I have learned again, basics are two ways to make sure that I am like a

115
00:09:14,360 --> 00:09:16,900
river is a diverse group.

116
00:09:16,910 --> 00:09:18,710
So then I saw this.

117
00:09:19,790 --> 00:09:21,190
So this.

118
00:09:21,230 --> 00:09:25,660
My guards have told me so many, so much, so much of the basic conduct.

119
00:09:25,730 --> 00:09:27,770
So they do not even tell me what to read.

120
00:09:28,370 --> 00:09:34,630
So I'm going to define the difference between these three first words stands for global rule.

121
00:09:34,910 --> 00:09:42,170
You can declare a variable using water and that variable can be accessed by any function and any method

122
00:09:43,400 --> 00:09:45,920
if that function changes this variable.

123
00:09:47,220 --> 00:09:52,270
Then the weather will be changing, so that is local variable.

124
00:09:52,500 --> 00:10:02,500
So if you define deselecting a function, then that variable cannot be accessibly alter their function.

125
00:10:03,000 --> 00:10:09,210
So this constant is when you declare a variable using the constant, then that value is fixed.

126
00:10:09,390 --> 00:10:14,490
You cannot reassign the same value, another value to the table.

127
00:10:14,790 --> 00:10:16,240
So let me show.

128
00:10:16,320 --> 00:10:17,700
Are these examples where.

129
00:10:19,360 --> 00:10:23,530
It is equal to turn to put the same color.

130
00:10:25,110 --> 00:10:26,430
So let me say let.

131
00:10:29,330 --> 00:10:37,220
So even when I'm simply writing our lazara is being railroaded, you can see uncut reference that is

132
00:10:37,220 --> 00:10:40,810
not defensins, we are defending it, so let's go and defend it.

133
00:10:41,360 --> 00:10:50,570
Let be easy calls to county and take constant calls to confront SISA calls to.

134
00:10:53,330 --> 00:10:53,840
All right.

135
00:10:55,070 --> 00:10:55,980
Now, as you can see there.

136
00:10:56,420 --> 00:11:01,600
But no, I want to release I will reassign the civil rights equal to 60.

137
00:11:03,230 --> 00:11:07,450
So we got a settlement to consent to uncaught paper.

138
00:11:07,610 --> 00:11:15,530
So this is a real paper because we have missed April because we cannot reassign the value to the content

139
00:11:15,530 --> 00:11:15,840
available.

140
00:11:16,100 --> 00:11:20,510
So once if you assign value for the and the to see value only for the.

141
00:11:21,950 --> 00:11:32,230
So how do I put these variables you can take console off, so one way to increase output, these variables

142
00:11:32,240 --> 00:11:44,060
are putting this this backwards so you can can see the backcourts and then you are to type is the value

143
00:11:44,600 --> 00:11:45,170
of.

144
00:11:47,510 --> 00:11:57,800
Of year, is it so effective this week, autobiographies yet, but we need to put the value of and that

145
00:11:57,800 --> 00:11:58,770
is available.

146
00:11:59,060 --> 00:12:02,560
So what you want to do is you want to set Dahler.

147
00:12:04,070 --> 00:12:11,900
And open press and press in that process, you need to put the value of it so the value inside these

148
00:12:12,200 --> 00:12:19,880
dollar open presses and business is interpreted by everybody will interpret it as a word and value that

149
00:12:19,880 --> 00:12:23,870
very well, especially destroying so you can see the value of each.

150
00:12:24,350 --> 00:12:30,500
So there is value stand in a similar way, I can say.

151
00:12:32,740 --> 00:12:36,400
Console, not logoff.

152
00:12:41,060 --> 00:12:42,380
Wary of bees.

153
00:12:46,490 --> 00:12:48,170
So the area B has been.

154
00:12:50,720 --> 00:13:00,260
So we have seen the basic rights and let me tell you this continually pushed so in other programming

155
00:13:00,260 --> 00:13:05,310
languages like C, C++, Java, you need to define the data type type.

156
00:13:05,390 --> 00:13:12,960
So you want to if you want to say integer, you need to you need to be constantly like 30.

157
00:13:13,120 --> 00:13:20,180
So in this JavaScript, in only two defenders, you can just select and be able to stream.

158
00:13:20,720 --> 00:13:22,550
That's a lot.

159
00:13:23,630 --> 00:13:24,140
Or.

160
00:13:26,080 --> 00:13:33,310
So now we use whatever we can, just simply assign a string or no other floating point where you could

161
00:13:33,360 --> 00:13:35,740
without worrying about the stereotypes.

162
00:13:36,990 --> 00:13:42,200
And to check the tape of that, we will need to say.

163
00:13:47,730 --> 00:13:52,950
So what you want to do is there is no matter what type of new type of.

164
00:13:56,210 --> 00:13:56,770
OK.

165
00:14:00,790 --> 00:14:03,640
I think it works as a string of carrots.

166
00:14:37,170 --> 00:14:45,420
So there is a type of function in the script which defines the returns, the value of the paper, that

167
00:14:45,420 --> 00:14:45,850
variable.

168
00:14:46,200 --> 00:14:54,810
So I have said here I have said here that the type of be used, this is just a message to print and

169
00:14:54,810 --> 00:15:01,280
the type of beat this type of is the word function you can use in that type of beat.

170
00:15:01,290 --> 00:15:03,400
You can see these print, right?

171
00:15:03,480 --> 00:15:04,500
That's what it has been.

172
00:15:04,500 --> 00:15:09,150
Our production, if I say value of here, it will output as a number.

173
00:15:13,100 --> 00:15:19,070
So there is no integer after this point, it it will JavaScript will take everything as a No.

174
00:15:22,810 --> 00:15:30,130
So, no, I want to discuss about the loop's so sorry, first I will discuss about the relationship

175
00:15:30,130 --> 00:15:30,820
operators.

176
00:15:32,520 --> 00:15:40,230
First, let me discuss about this addition subtraction division, then we'll go to the relationship

177
00:15:40,230 --> 00:15:40,830
operators.

178
00:15:57,790 --> 00:16:06,040
So as you can see, the entire year has been utterly clear that this this.

179
00:16:09,250 --> 00:16:09,880
OK.

180
00:16:12,000 --> 00:16:13,240
OK, I'm sorry, I'm sorry.

181
00:16:13,260 --> 00:16:21,900
I'll take everything I need to say this as again, because it will be fine, but I have put the that

182
00:16:21,930 --> 00:16:24,680
is close to 30 and that is close to 40.

183
00:16:25,320 --> 00:16:27,980
Now, let's see.

184
00:16:28,230 --> 00:16:30,930
Is he to A plus B?

185
00:16:32,590 --> 00:16:39,190
Now, the sequel contains the original, these two numbers, 30, 40 to 70, now I, I try to output

186
00:16:39,190 --> 00:16:39,550
this.

187
00:16:44,840 --> 00:16:52,200
I see you got the value seventy five to minus eight, minus 10.

188
00:16:52,400 --> 00:16:56,420
So if I say, uh, multiplication, I get 400.

189
00:16:57,950 --> 00:17:01,010
And I some point something.

190
00:17:01,210 --> 00:17:02,210
Get your pants on fire.

191
00:17:02,860 --> 00:17:07,600
So in this way, these additional unnormal arithmetic operations work.

192
00:17:10,570 --> 00:17:14,080
I don't know whether or not I should get that right.

193
00:17:15,100 --> 00:17:22,840
Yes, this double slash can also be worked as the, uh, reminder operator.

194
00:17:25,090 --> 00:17:34,600
So there are other possibilities, a greater than greater than equal to less than a quarter and almost

195
00:17:34,600 --> 00:17:34,940
equal.

196
00:17:35,050 --> 00:17:35,420
I mean.

197
00:17:37,190 --> 00:17:46,670
And so we look at this, so you study and be useful to since then, let's check that you're less than.

198
00:17:48,690 --> 00:17:49,810
So you have got the truth.

199
00:17:50,010 --> 00:17:57,770
So this is the bully that the bullying that attempts only to produce that is either true or false,

200
00:17:58,590 --> 00:18:04,080
and that indicates that the statement is true or false.

201
00:18:04,830 --> 00:18:08,170
So it is then that it is then we obviously it is true, right.

202
00:18:08,190 --> 00:18:10,460
That we we got the truth.

203
00:18:10,980 --> 00:18:14,910
And if I said greater, then so we got the facts.

204
00:18:15,570 --> 00:18:22,360
There was a greater than equal to you can say for us unless we get the truth.

205
00:18:23,850 --> 00:18:28,920
So if I say it is equal ridiculous to be with two of us.

206
00:18:29,130 --> 00:18:35,210
So this is as close to as close to is equal to be stands for.

207
00:18:35,220 --> 00:18:42,110
We need to compare the values of 30 and 40, not that we can work these values to three.

208
00:18:42,300 --> 00:18:49,950
That means that the industry and the industry and then it will compare the to the competition, whether

209
00:18:49,950 --> 00:18:51,060
they are equal or not.

210
00:18:53,450 --> 00:19:04,130
So there is also called that particular tool that stands for the data types of it, and we are also

211
00:19:04,190 --> 00:19:06,770
took 40.

212
00:19:08,760 --> 00:19:16,710
So there are true they are true because you're using integer 40 and B's also integer 40 to be used to

213
00:19:16,710 --> 00:19:24,450
string 40, we get the first because the data types of A and B are different JS Integer and B, that's

214
00:19:24,450 --> 00:19:24,980
what we got.

215
00:19:26,640 --> 00:19:32,520
So I think you have understood the underlying use that were equal to to make sure that they're both

216
00:19:32,520 --> 00:19:34,080
data and both are equal.

217
00:19:35,880 --> 00:19:46,140
So now let's talk about the groups so these groups are using for repeating the same process over some

218
00:19:46,140 --> 00:19:47,060
number of times.

219
00:19:48,030 --> 00:19:57,840
So the syntax on first one is really a new set of rules for where I use equals to zero because I use

220
00:19:57,840 --> 00:20:05,370
it in many programming language as an interpreter, because it's in the literature that I then generally

221
00:20:05,370 --> 00:20:10,140
use a phrase equal to zero I less than.

222
00:20:11,520 --> 00:20:14,350
Uh, quanti I prosperous.

223
00:20:15,600 --> 00:20:23,340
So what this means, first, we are declaring a variable, I use digital and the second one is comparison

224
00:20:23,340 --> 00:20:26,190
statement, whether we are comparing eight.

225
00:20:26,250 --> 00:20:30,200
Twenty eight are 20 and that we are implementing I press press.

226
00:20:30,450 --> 00:20:31,770
So I press press.

227
00:20:33,360 --> 00:20:37,960
Means I is equals to Cyprus, so we are included in the value of it.

228
00:20:38,310 --> 00:20:48,810
So this group will execute until the IRS to 20 conditions, I suppose, after Rupi 19 times you get

229
00:20:48,810 --> 00:20:49,940
that used consistently.

230
00:20:50,130 --> 00:20:51,960
So after checking, I used constantly.

231
00:20:51,990 --> 00:20:58,450
This condition will get false and then this code inside this open process will not get executed.

232
00:20:58,890 --> 00:21:03,270
So that's a console, not a log of.

233
00:21:08,090 --> 00:21:16,970
So as you can see, the values of why we are spending and those are from DILTON 19 so far at first iteration,

234
00:21:16,970 --> 00:21:22,010
I should you know, since I use less than 20, then it will execute this.

235
00:21:23,450 --> 00:21:31,250
A statement which is printing zero, and then Disvalue gets incremented to run, and then again, this

236
00:21:31,250 --> 00:21:34,070
will continue until I just don't want it.

237
00:21:35,240 --> 00:21:37,730
So after 19, I becomes 28.

238
00:21:37,760 --> 00:21:43,910
This statement I press first and then decide there are 26.

239
00:21:44,180 --> 00:21:48,830
So 20 is not less than because be the easy question.

240
00:21:49,070 --> 00:21:50,690
That's why we got the.

241
00:21:51,270 --> 00:21:53,630
That's why this group got Exeter.

242
00:21:56,380 --> 00:22:00,410
So another important group we are going to see is while.

243
00:22:04,960 --> 00:22:15,560
So why is also like similar to this Farrukh, so in why we need to implement biannually not in the loop.

244
00:22:16,510 --> 00:22:21,660
So let me show you that it's a very easy cause to derail again.

245
00:22:23,170 --> 00:22:26,700
And what you want to see is while a condition.

246
00:22:28,540 --> 00:22:31,300
So we need to specify the condition only.

247
00:22:31,300 --> 00:22:37,940
I don't want to be so open to the idea that one day this group gets executed.

248
00:22:38,060 --> 00:22:43,330
So let's consider of I.

249
00:22:46,800 --> 00:22:51,140
So we have got we have the value for a to.

250
00:22:52,260 --> 00:22:54,130
And then I just don't want to.

251
00:22:54,170 --> 00:22:57,770
So it's true and that we are printing the value of it.

252
00:22:59,130 --> 00:23:05,340
And this executes infinitely because we are not incrementing that value.

253
00:23:05,340 --> 00:23:08,660
And for every iteration of a loop, I value Stagedoor.

254
00:23:09,570 --> 00:23:13,200
That's what we want, is we want a prosperous.

255
00:23:20,390 --> 00:23:24,610
So you have done great, we are done, correct?

256
00:23:43,280 --> 00:23:46,040
Sorry, could you open manually?

257
00:23:50,850 --> 00:23:53,130
Means suspect concern.

258
00:23:54,300 --> 00:23:58,560
So, as you can see, there are zero to 20.

259
00:23:58,590 --> 00:24:00,000
So let me remove this.

260
00:24:01,350 --> 00:24:08,040
And as you can see, the number increases because we are not in the eye.

261
00:24:08,520 --> 00:24:10,560
And I said zero.

262
00:24:10,560 --> 00:24:13,920
And you don't want to it will disrupt, will execute.

263
00:24:14,070 --> 00:24:22,410
Unfortunately, that care should be taken that you need to this variable is or not.

264
00:24:25,850 --> 00:24:28,130
OK, but because this.

265
00:24:30,510 --> 00:24:31,410
So.

266
00:24:45,110 --> 00:24:49,220
So here we are, including Disvalue and we got the dilator, 19 values.

267
00:24:51,610 --> 00:24:54,720
So next, I'm going to tell you if flew.

268
00:24:57,050 --> 00:25:07,340
The syntaxes involved condition and since we have caught the eye is this close to 19, we can say.

269
00:25:09,110 --> 00:25:11,780
So that's simply I can't be.

270
00:25:14,820 --> 00:25:20,980
And I want to test if the value of AI is equal to 20 or not.

271
00:25:21,480 --> 00:25:25,350
For that I want to say is equal is equal to 20.

272
00:25:25,380 --> 00:25:27,650
I want to check the data also.

273
00:25:28,230 --> 00:25:36,210
And then I want to open a process and then I can put cancer.

274
00:25:36,960 --> 00:25:41,640
Rogoff I value is equal to 20.

275
00:25:47,240 --> 00:25:54,000
So first, we have the youth culture of 2010, we are taking the condition is called, the question

276
00:25:54,020 --> 00:25:55,610
is constantly in the loop.

277
00:25:56,030 --> 00:26:02,120
If this condition is satisfied, the code inside this open process, that it could be reversed.

278
00:26:02,560 --> 00:26:06,800
And you can see the value of I used to know, I want to check.

279
00:26:08,360 --> 00:26:15,470
So the value of I just want to else I should value is not going to dictate that you can say.

280
00:26:26,750 --> 00:26:36,050
So if the rally is equal to 20, then it prints that value of 20 as we get the output value of it is

281
00:26:36,050 --> 00:26:44,810
not only let's make the way I use to 30 and then refresh our page so you can see where we are five years,

282
00:26:44,810 --> 00:26:45,690
not 20.

283
00:26:46,730 --> 00:26:53,440
So what if we want to check whether the greater than 20 or less than 20 or 30 at Antioco?

284
00:26:53,960 --> 00:27:00,380
So first, in condition we have the equality and we can write more if groups like the first group using

285
00:27:00,380 --> 00:27:11,210
that elusive conservative of condition and if I greater than Konta, we need to set value of a.

286
00:27:13,980 --> 00:27:14,730
Is greater than.

287
00:27:19,610 --> 00:27:29,030
So and then we can say, Alice, so if this is equal opportunity and are greater than the 20 and the

288
00:27:29,030 --> 00:27:34,880
rush conditions will be less than 20, you can just consolidate less than 20.

289
00:27:49,060 --> 00:27:54,520
So we get the output's value of greater than quality because we have said diversity Astarte.

290
00:27:56,610 --> 00:28:05,790
So now I'm going to change I value to 10, since it is less than Compte, this is a good value of less

291
00:28:05,790 --> 00:28:10,020
than 20 and see value of less than 20.

292
00:28:11,640 --> 00:28:16,700
So let me comment for this while.

293
00:28:16,710 --> 00:28:19,080
Loop for a while.

294
00:28:23,740 --> 00:28:25,850
OK, fine, now I'll put it somewhere cleaner.

295
00:28:26,530 --> 00:28:31,170
Now, these are some basics of the script.

296
00:28:31,750 --> 00:28:37,180
Now you'll see the area and then you'll see that the model that is document object model, which is

297
00:28:37,190 --> 00:28:46,150
very important one and particular at it to say that it is equal to a new array of.

298
00:28:52,360 --> 00:28:56,200
New array of you need to specify the values you want to put that in a.

299
00:29:02,330 --> 00:29:07,500
So pretty busy recruit Gay has already been.

300
00:29:09,740 --> 00:29:12,700
So let me take this one as a.

301
00:29:15,740 --> 00:29:19,640
So let me point out the area where you.

302
00:29:28,570 --> 00:29:33,740
So you can see there are three values only under represented by one, two, three.

303
00:29:33,760 --> 00:29:39,030
And here you can see the land value tree, OK, and then a different index.

304
00:29:39,040 --> 00:29:40,450
We have got that one.

305
00:29:40,630 --> 00:29:47,410
So in Dallas group or any other programming languages, that is indexed to start from zero.

306
00:29:47,590 --> 00:29:55,120
So the first value will be the Geto index and the first one value one.

307
00:29:55,120 --> 00:29:55,470
Right.

308
00:29:55,780 --> 00:30:01,900
And the second element is the first index and the third value is the second index.

309
00:30:02,200 --> 00:30:07,630
You can see here the index is the first element and the index is the second element.

310
00:30:07,900 --> 00:30:11,970
And it's its second index is the third element.

311
00:30:12,370 --> 00:30:18,940
You can access these single elements using the brackets, square brackets.

312
00:30:19,130 --> 00:30:25,550
We can sit around to refresh this page, can see the value is only one.

313
00:30:26,230 --> 00:30:33,090
So the first element of this added that is zero it index and that is one for change to one.

314
00:30:33,880 --> 00:30:35,200
I get the value as to.

315
00:30:37,160 --> 00:30:47,610
Two, you can also specify the strings also so in that it can help multiple decades in other programs,

316
00:30:47,640 --> 00:30:53,480
things like C, C++, Java, at issue, content or senior debt or the latter is declared as integer,

317
00:30:53,930 --> 00:30:59,300
which would contain already just that is considered as a character in all the characters.

318
00:30:59,780 --> 00:31:03,140
General, that is can contain multiple narratives.

319
00:31:03,180 --> 00:31:03,950
That's height.

320
00:31:04,850 --> 00:31:07,370
And they can exist using this for.

321
00:31:08,720 --> 00:31:09,160
Right.

322
00:31:11,780 --> 00:31:20,750
So there is no 420 sorry, that is three my chickens, the value of my husband and we can loop all through

323
00:31:20,750 --> 00:31:25,100
this array using the for loop you can check for.

324
00:31:28,370 --> 00:31:35,140
Close to zero, since we have previously declared, I'm not going to declare, I guess then we can get

325
00:31:35,140 --> 00:31:39,280
the rest of this array using the adulterant.

326
00:31:41,280 --> 00:31:47,580
Because we don't know in this case, we know that there are four elements, but in general, I guess

327
00:31:48,060 --> 00:31:50,320
we don't know the rest of the area.

328
00:31:50,400 --> 00:31:58,190
That's why we got the arrest warrant using the area land and then I prosperous.

329
00:31:59,940 --> 00:32:11,400
So if the added value is for in our case, the I that this could from high school to zero four zero

330
00:32:11,400 --> 00:32:14,820
one, two, three, those are the nexus of order.

331
00:32:14,820 --> 00:32:23,430
So we can all put this concert out of can array of I.

332
00:32:24,120 --> 00:32:26,620
So at each iteration I get to the place.

333
00:32:26,660 --> 00:32:28,340
What do you want to achieve.

334
00:32:28,350 --> 00:32:30,380
You get at a rate of zero.

335
00:32:30,410 --> 00:32:31,090
One, two, three.

336
00:32:31,100 --> 00:32:32,130
Want treat these elements.

337
00:32:35,100 --> 00:32:43,500
So instead of this, I can see values of are these areas of parental involvement, so there is another

338
00:32:43,500 --> 00:32:45,000
way of declaring that is.

339
00:32:49,230 --> 00:32:52,410
So this is like coming where you can see another problem now.

340
00:32:52,450 --> 00:32:53,400
Yes, sir.

341
00:32:53,430 --> 00:32:59,460
Four, five, six, seven, eight, nine.

342
00:33:03,260 --> 00:33:05,900
So this is our one.

343
00:33:13,500 --> 00:33:18,510
So we have got the tourists at one another, too, and we can just contact Nick.

344
00:33:18,540 --> 00:33:21,060
I mean, at these tourists.

345
00:33:27,260 --> 00:33:28,860
Going to add one that can get.

346
00:33:31,240 --> 00:33:39,190
So one thing I sure is, if you take any every object dirt and you can see the studio has been showing

347
00:33:39,190 --> 00:33:50,530
me some methods of that object, I can see it can see the land and these purple cubes are the functions

348
00:33:50,860 --> 00:33:54,290
and these blue cubes are the variables.

349
00:33:55,630 --> 00:34:01,460
So what I want to do is can can get off, too.

350
00:34:02,710 --> 00:34:06,200
So let me run this one.

351
00:34:06,700 --> 00:34:14,980
So everyone did not get this government and take the red one and you add all the elements of the data

352
00:34:15,540 --> 00:34:16,960
to the end of the area.

353
00:34:17,050 --> 00:34:22,170
So in our case, everyone did not change because this will apply.

354
00:34:22,790 --> 00:34:24,450
This will not operate everyone.

355
00:34:24,470 --> 00:34:28,810
But what you want to do is you need to add one is equal to.

356
00:34:30,140 --> 00:34:30,610
So do you.

357
00:34:37,230 --> 00:34:42,990
OK, we have got the one for elementary to fundaments, so everyone that can turn it off, ready to

358
00:34:42,990 --> 00:34:47,490
return to and paid holiday, which consists of elements of everyone.

359
00:34:47,500 --> 00:34:51,490
And so that will be assigned to everyone.

360
00:34:51,660 --> 00:34:59,270
So if which you can see the whole array contains one, two, three high and also elements of the array.

361
00:35:00,510 --> 00:35:10,050
So this is one way of concatenating elements so you can append the values to the array using the Bush

362
00:35:10,050 --> 00:35:10,590
operation.

363
00:35:11,040 --> 00:35:12,470
Add one to push off.

364
00:35:12,750 --> 00:35:15,750
You need to the last item.

365
00:35:21,290 --> 00:35:26,750
So for this one, you can see the last item has been added to push added to the end of the.

366
00:35:29,240 --> 00:35:34,860
So these are the basics of JavaScript, no more to the DOM model.

367
00:35:36,230 --> 00:35:41,110
I don't think of Dumitru to transfer document object model.

368
00:35:41,540 --> 00:35:50,570
It means that the integrity will be treated as object three and we can access these elements using some

369
00:35:50,570 --> 00:35:51,840
ideas and classes.

370
00:35:52,730 --> 00:36:02,100
So since this model has been linked to indexer detriment, we can access these elements of achievement

371
00:36:02,210 --> 00:36:10,720
using the ideas and classes so this can manipulate the elements of this system.

372
00:36:12,660 --> 00:36:18,150
So, OK, this is the simple paragraph we have here.

373
00:36:18,680 --> 00:36:25,550
Now, what I want to do is I want to say it is equal to eighty one.

374
00:36:26,720 --> 00:36:35,780
So this paragraph has a eighty, eighty one and we can access this paragraph using the document methods

375
00:36:36,350 --> 00:36:38,690
that one is document.

376
00:36:40,550 --> 00:36:42,230
Dogged by a.

377
00:36:45,400 --> 00:36:51,790
So when the your has been suggesting me to use this, these methods are available.

378
00:36:56,320 --> 00:37:01,150
So we need to speak with the idea government by idea of 81.

379
00:37:04,840 --> 00:37:11,500
Now, there is we have got the object now what do you need to change that paragraph?

380
00:37:12,070 --> 00:37:18,830
That means this one and this can be accessed by enraged animal property.

381
00:37:19,750 --> 00:37:26,260
You can see that in HDMI in which you can see the net is smaller.

382
00:37:26,260 --> 00:37:26,770
And Hedstrom.

383
00:37:27,940 --> 00:37:28,470
Uh.

384
00:37:29,640 --> 00:37:32,820
As you can also see, the Illuminati are the casualties.

385
00:37:35,500 --> 00:37:39,820
So I want to modify modified paragraph.

386
00:37:52,490 --> 00:37:54,290
So let me call this Consolo.

387
00:38:00,210 --> 00:38:07,920
So we have access to that paragraph already using the Gittleman by 80 of anyone, and then we are changing

388
00:38:07,920 --> 00:38:12,690
the objects in our history, that is that this one, this is the paragraph.

389
00:38:12,960 --> 00:38:21,230
And upon execution, you this text will be replaced by this modified paragraph text if we if I refer

390
00:38:21,280 --> 00:38:21,450
this.

391
00:38:24,860 --> 00:38:25,460
OK, yeah.

392
00:38:31,790 --> 00:38:33,790
Well, this did not get modified.

393
00:38:47,350 --> 00:38:49,890
Documented by Ali.

394
00:38:58,690 --> 00:39:09,130
OK, sorry, this one is this big rock has also the idea that we may be confused about using Michon.

395
00:39:11,930 --> 00:39:20,720
So now if I run that government file, this is a simple paragraph, there will be no modified paragraph

396
00:39:21,200 --> 00:39:22,280
for free speech.

397
00:39:24,290 --> 00:39:25,700
So still it's not getting.

398
00:39:27,310 --> 00:39:30,230
So let me change it to sample.

399
00:39:51,060 --> 00:39:51,570
All right.

400
00:39:51,930 --> 00:39:53,250
Well, you just got.

401
00:42:43,450 --> 00:42:45,880
No, I have to this error.

402
00:42:46,990 --> 00:42:56,160
What do you want to do is we need to flush the Skrappy's executing and then it is like asking the sample

403
00:42:56,380 --> 00:43:04,780
and then changing the enrichment because it's saying the enrichment of when the script is good, when

404
00:43:04,780 --> 00:43:09,100
it is executing, it is not finding the whole paragraph.

405
00:43:09,700 --> 00:43:18,600
So what I want to read, I will cut this one and I will after body so that we make sure that these all

406
00:43:18,610 --> 00:43:28,380
elements are first loaded into the chamber and then upon execution of the already the file will be loaded.

407
00:43:29,380 --> 00:43:36,120
I mean, other criminal elements will get loaded and then this could be a ticket at the last saltpetre

408
00:43:36,130 --> 00:43:36,640
for this.

409
00:43:37,150 --> 00:43:39,090
Now you can see the modified paragraph.

410
00:43:39,790 --> 00:43:43,520
So this is one mistake I have done so far.

411
00:43:43,540 --> 00:43:47,410
So good practice to keep the script at the end of the Extremophile.

412
00:43:49,220 --> 00:43:53,450
OK, in this way, you can modify the elements.

413
00:43:54,620 --> 00:44:01,130
So this is general and most by many good element by 80.

414
00:44:02,270 --> 00:44:05,260
So there is another Whiteaker, Gittleman Krasno.

415
00:44:06,560 --> 00:44:07,730
And if I say.

416
00:44:11,890 --> 00:44:12,770
Sorry, OK.

417
00:44:12,880 --> 00:44:16,260
All right, we have another paragraph so that a crisis equals.

418
00:44:25,810 --> 00:44:27,920
But the glass is equal to sample, too.

419
00:44:29,230 --> 00:44:36,040
Now, I can access this by document, not that relevant 11 class.

420
00:44:43,130 --> 00:44:48,260
And we need to speak with a class I want to access a sample to.

421
00:44:53,140 --> 00:44:59,260
OK, now what I want to do is either cancel this concert.

422
00:45:14,120 --> 00:45:16,530
Now, as you can see, now we got the collection.

423
00:45:17,060 --> 00:45:25,190
So in the collection, the index is put out and that is paragraph with a cast assembled to access this,

424
00:45:26,060 --> 00:45:29,290
uh, instrument collection we want to share.

425
00:45:32,530 --> 00:45:39,080
It is like a you can access using the square brackets and the hash tag is Girot zero.

426
00:45:39,160 --> 00:45:45,980
That is the paragraph that Sam and what you want to say, you want to change the amount of the actual

427
00:45:47,050 --> 00:45:48,460
content of the paragraph 10.

428
00:45:53,730 --> 00:45:55,320
It's a modified Glassboro.

429
00:46:00,670 --> 00:46:04,080
Modified it paragraph could be much clearer for us.

430
00:46:06,910 --> 00:46:15,410
So if you can see the modified paragraph and modified paragraph, so it's one input.

431
00:46:15,430 --> 00:46:18,260
One problem is we are trying to modify the paragraph.

432
00:46:18,640 --> 00:46:25,430
We can also share a button and our clicking that button, a functional can a..

433
00:46:26,050 --> 00:46:27,040
So that's a button.

434
00:46:30,190 --> 00:46:31,270
I was it me?

435
00:46:51,210 --> 00:46:59,760
So this brick line breaks and the button and two bricks that CO2, so this cracked me, has no functionality

436
00:46:59,780 --> 00:47:07,800
for this multiple times, it will not happen so we can execute a function on this button.

437
00:47:08,100 --> 00:47:17,790
So I could say there is actual cut on Pleck and I should mention the function so that it could function.

438
00:47:21,040 --> 00:47:28,090
And we need to write this particular function in our Dallas file, so to write a simple functions,

439
00:47:28,300 --> 00:47:30,400
you can sir function.

440
00:47:32,890 --> 00:47:34,020
Function and the function.

441
00:47:39,870 --> 00:47:47,370
And you want to write some code or to happen after curfew in this water, so functions are very like

442
00:47:47,380 --> 00:47:49,590
a simple piece of code.

443
00:47:49,590 --> 00:47:55,140
If you have a thousand lines of code you want to ticket four times, you need to copy paste all those

444
00:47:55,140 --> 00:47:56,850
thousands of code four times.

445
00:47:57,060 --> 00:48:03,450
What you can do is you can copy paste it in this function and you can call this single function four

446
00:48:03,450 --> 00:48:13,440
times so that your total lines of code red good for four times for simplicity purposes only to make

447
00:48:13,440 --> 00:48:17,820
the size of the code bigger so you can use the functions.

448
00:48:19,200 --> 00:48:21,440
So let me copy this sample.

449
00:48:22,370 --> 00:48:27,570
Let me cut this actually to find some to find the difference here.

450
00:48:27,930 --> 00:48:37,540
So upon clicking the button, we are changing the paragraph into the modifier paragraph.

451
00:48:38,220 --> 00:48:41,310
So let me show you this one refreshing.

452
00:48:41,310 --> 00:48:44,260
You can see this JavaScript has been executed.

453
00:48:44,430 --> 00:48:47,960
This is the last paragraph.

454
00:48:47,970 --> 00:48:53,140
No, this is the same paragraph which belongs to this example.

455
00:48:53,700 --> 00:48:57,110
Now, upon clicking the button, this function that you could do.

456
00:48:57,390 --> 00:49:04,620
So what this function does is it will change the contents of this sample, every paragraph to modify

457
00:49:04,740 --> 00:49:06,880
paragraph, modifier every paragraph.

458
00:49:07,210 --> 00:49:13,480
So I am going to at this and you can see the text has been changed to modify every paragraph.

459
00:49:14,790 --> 00:49:19,140
So this is like basic functionality you can add by four buttons.

460
00:49:22,070 --> 00:49:25,260
You can also cut this line and you can already hear.

461
00:49:27,670 --> 00:49:35,200
So for this, when clicking this button, the paragraph gets changed, as you can see.

462
00:49:38,740 --> 00:49:44,500
OK, now I can also change the Sears's states, let me copy this.

463
00:49:54,960 --> 00:50:01,740
So one way to access this, she is stating she's using dot operator and you can see her Dodge style.

464
00:50:03,270 --> 00:50:08,820
That property, so what property of the CSA state, you know, Daejeon that Chikara.

465
00:50:10,140 --> 00:50:19,530
And what I want to do is instead of modify every paragraph, I need to simply read so know upon approaching

466
00:50:19,530 --> 00:50:24,960
this page, we got the same photograph and paragraph for this one.

467
00:50:24,960 --> 00:50:30,210
You can see the text has been changed to modify every paragraph and the color also has been changed

468
00:50:30,210 --> 00:50:30,680
to read.

469
00:50:31,590 --> 00:50:34,910
I can also simply say font family also.

470
00:50:36,440 --> 00:50:41,270
So there are a lot of there are ton of properties and methods for the top down model.

471
00:50:41,730 --> 00:50:51,390
You can just refer online or there is a Mozilla network's recommendation on JavaScript and its users.

472
00:50:51,410 --> 00:50:55,010
Also, you can infer that that is the best documentation ever.

473
00:50:55,770 --> 00:50:59,190
And I can say fun and family.

474
00:51:00,660 --> 00:51:02,880
I need to specify the font I want to use.

475
00:51:03,330 --> 00:51:04,870
That's Helvetica.

476
00:51:08,170 --> 00:51:15,880
So fond of fishing for a click the button, you can see the front also change it to Helvetica.

477
00:51:18,560 --> 00:51:27,860
So I think I have covered the most basics of this JavaScript that said about this Dallas couple, and

478
00:51:27,860 --> 00:51:30,180
you can also pass the parameters also.

479
00:51:31,790 --> 00:51:36,440
So one thing I need to show you is you can write the content, too.

480
00:51:36,440 --> 00:51:39,690
That I forgot.

481
00:51:39,700 --> 00:51:42,380
I think I forgot this mother document that right?

482
00:51:43,490 --> 00:51:44,240
Yes, right.

483
00:51:44,850 --> 00:51:46,910
And you need to write the code.

484
00:51:58,900 --> 00:52:06,700
So let me show you this one also, someone clicking this button, the extra code should be added.

485
00:52:08,260 --> 00:52:10,310
OK, it has been changed everything.

486
00:52:11,220 --> 00:52:19,450
OK, I'm sorry, I just forgot this right entitlement because generally developers use the console rather

487
00:52:19,450 --> 00:52:23,050
than this right of return and this.

488
00:52:26,770 --> 00:52:32,470
OK, upon changing all this, that doctrine not right, got executer.

489
00:52:35,540 --> 00:52:42,650
So this document can be used for some user recognition, suppression and so on.

490
00:52:45,000 --> 00:52:52,530
And I want to show you another one called Dortmunder Kookie, I think our history does not contain.

491
00:53:02,410 --> 00:53:09,760
So this document, that cookie, contains the cookies of that particular session in the website, generally,

492
00:53:09,800 --> 00:53:15,510
you do not have any server side cookies, but I want to just show you the syntax for cooking.

493
00:53:15,550 --> 00:53:16,470
OK, that's fine.

494
00:53:16,720 --> 00:53:22,450
And then if I go to this inspect console, so there is no cookie.

495
00:53:24,780 --> 00:53:27,910
OK, there is no queue for this simple.

496
00:53:28,180 --> 00:53:36,100
It still manages this, so whenever you are dealing with some websites, they will definitely send a

497
00:53:36,100 --> 00:53:42,910
cookie and you can access this cookie using this document, that cookie property.

498
00:53:44,440 --> 00:53:47,680
So the whole document cookie will be displayed using this document.

499
00:53:47,770 --> 00:53:48,110
Cookie.

500
00:53:48,430 --> 00:53:54,000
So whenever you have some exercise, you can execute this document or cookie to see the cookies.

501
00:53:54,470 --> 00:53:57,160
Also, you can send these cookies to any server.

502
00:53:58,690 --> 00:54:03,640
It's called cookie feeding using accessors or you can also call it a session looking.

503
00:54:03,910 --> 00:54:06,100
So you see this in our testing.

504
00:54:06,610 --> 00:54:09,210
But I want to show you this document, that cookie.

505
00:54:09,210 --> 00:54:10,680
You can access the cookie.

506
00:54:12,190 --> 00:54:15,780
So I think these are the basics you need to know about the JavaScript.

507
00:54:16,210 --> 00:54:20,370
If you are nice in this case, you are pretty much good.

508
00:54:20,500 --> 00:54:25,200
But if you want to go deep to go, OK, that's not bad.

509
00:54:25,210 --> 00:54:28,240
You can just search for you to prepare us to.

510
00:54:28,240 --> 00:54:33,580
This is but I'm not going to cover all the code here.

511
00:54:33,730 --> 00:54:35,190
I just showed you the basics.

512
00:54:35,560 --> 00:54:38,130
So that's all for the basic Sadowsky.