1
00:00:01,560 --> 00:00:07,800
Welcome again, ladies and gentlemen, and we are going to do is we are going to work on this reset

2
00:00:07,800 --> 00:00:08,190
button.

3
00:00:08,200 --> 00:00:14,730
So remember that when we reset, I want everything to be like this before we start the game.

4
00:00:14,990 --> 00:00:16,880
I don't want this day to be there.

5
00:00:16,920 --> 00:00:20,480
I don't want this result to be here.

6
00:00:20,520 --> 00:00:26,490
Also, what I don't want to is actually this block to be invisible and stuff like that.

7
00:00:26,500 --> 00:00:34,830
So when I click reset, I want to something to happen, something to destroy the game and reset it back

8
00:00:34,830 --> 00:00:35,360
to normal.

9
00:00:35,400 --> 00:00:41,610
Now, what I'm going to say right now, what I'm going to do, you need to listen to me a little bit.

10
00:00:41,850 --> 00:00:45,450
So I'm just going to create this reset right now.

11
00:00:45,450 --> 00:00:50,010
You don't have to write it with me, but if you want to write it with me, it's OK because we're not

12
00:00:50,010 --> 00:00:50,640
going to use it.

13
00:00:50,640 --> 00:00:53,730
We're going to change our mind in like two or three minutes.

14
00:00:53,730 --> 00:00:56,580
And I'm going to tell you why, because that is not the best practice.

15
00:00:56,910 --> 00:01:04,200
But I would like to show you that even like that is working in you can do it with me or you can just

16
00:01:04,200 --> 00:01:08,340
sit back and watch what I'm doing right now.

17
00:01:08,700 --> 00:01:15,240
I want to target this button here, this BGN reset and the class is BGN reset.

18
00:01:15,240 --> 00:01:16,590
I'm just going to copy the class.

19
00:01:17,040 --> 00:01:20,070
I thank you.

20
00:01:20,550 --> 00:01:28,140
So what I'm going to do is actually I'm going to say document that query selector and I'm going to target

21
00:01:28,140 --> 00:01:36,660
this one and I'm going to add event listener right when I click on one the found to do something I want

22
00:01:36,660 --> 00:01:38,070
a function that whoops.

23
00:01:39,540 --> 00:01:40,140
Yeah.

24
00:01:40,410 --> 00:01:44,160
That wasn't working like I should intendant right now.

25
00:01:44,160 --> 00:01:52,220
I'm just going to stay alert, reset and let's test it out now when I click here reset.

26
00:01:52,410 --> 00:01:59,070
So obviously we are being able to do something so our function is working.

27
00:01:59,550 --> 00:02:04,320
The query selector, we select what we want and rest is history.

28
00:02:04,350 --> 00:02:07,110
Now you can comment this one if you want.

29
00:02:08,110 --> 00:02:08,970
What happened.

30
00:02:09,420 --> 00:02:16,770
OK, so we want actually to get the document query selector.

31
00:02:16,950 --> 00:02:18,960
I'm just again going to use the query selector.

32
00:02:18,960 --> 00:02:20,280
I'm going to select the dice.

33
00:02:20,280 --> 00:02:20,670
Right.

34
00:02:21,450 --> 00:02:28,620
And I want to see style display display to none.

35
00:02:29,730 --> 00:02:33,840
So I hope I got this right in this class.

36
00:02:34,350 --> 00:02:35,490
So I'm just going to roll it.

37
00:02:35,490 --> 00:02:36,600
I'm going to say reset.

38
00:02:36,600 --> 00:02:37,140
Here it is.

39
00:02:37,350 --> 00:02:39,820
The dice is gone, but I still have the stay.

40
00:02:39,820 --> 00:02:40,980
They still have this resolved.

41
00:02:40,980 --> 00:02:42,360
I still have these blocks here.

42
00:02:42,600 --> 00:02:45,120
So I'm far from the result.

43
00:02:45,120 --> 00:02:46,830
I once I'm just going to copy this one.

44
00:02:47,910 --> 00:02:58,050
I don't need to copy actual because I'm going to get with the document, get element by the get by idy

45
00:02:58,320 --> 00:02:59,550
in here.

46
00:02:59,550 --> 00:03:10,800
I'm going to say, OK, I want the final score, final score of zero and I want that text content to

47
00:03:10,800 --> 00:03:13,080
be back to zero.

48
00:03:13,530 --> 00:03:13,970
Right.

49
00:03:14,850 --> 00:03:19,410
And I can copy this one again now and I want a final score for the player.

50
00:03:19,410 --> 00:03:19,740
No.

51
00:03:19,740 --> 00:03:22,260
One, this is for the for the player number two.

52
00:03:22,500 --> 00:03:26,370
So do expect when I start playing, OK, this is working.

53
00:03:26,370 --> 00:03:32,790
When I said I want this to be gone, this dice and these two, here it is.

54
00:03:32,880 --> 00:03:39,720
Now, all of the three things that I've done in here, it's already been gone right now.

55
00:03:40,050 --> 00:03:43,680
I have only a couple of more things to do now.

56
00:03:43,680 --> 00:03:45,990
I want to reset the Blier square block.

57
00:03:46,000 --> 00:03:49,160
So document that get element, but.

58
00:03:49,500 --> 00:03:50,260
Oh my God.

59
00:03:50,610 --> 00:03:52,740
Element Viddy.

60
00:03:53,670 --> 00:04:00,420
And I hate without to finish it for me like that because sometimes that is not what you want.

61
00:04:00,420 --> 00:04:01,200
So Blier.

62
00:04:02,400 --> 00:04:08,460
So I want to play of one score score block.

63
00:04:11,930 --> 00:04:20,630
So I want that one to be said, the HTML back to empty in just going to copy it, what I'm going to

64
00:04:20,630 --> 00:04:28,290
do, I'm going to pasted one above him because I want to target the score block of zero.

65
00:04:28,700 --> 00:04:34,650
Now, this should fix all of those issues, right?

66
00:04:34,700 --> 00:04:37,010
So I'm just going to play it to restart.

67
00:04:37,260 --> 00:04:40,270
It is now only the state is there.

68
00:04:40,790 --> 00:04:44,510
So what I can do is pretty much document.

69
00:04:46,570 --> 00:05:00,290
Document don't get element by the come on buddy and I will say live of one of zero and I will say style

70
00:05:01,970 --> 00:05:05,420
display of none.

71
00:05:05,420 --> 00:05:05,840
Right.

72
00:05:06,090 --> 00:05:09,880
And I'm going to copy it and I'm going to do it for the first one.

73
00:05:10,370 --> 00:05:14,540
You know, I'm pretty much done because I don't know which one is going to be so we can check, but

74
00:05:15,350 --> 00:05:18,440
make sure that it's a good idea to have both of them.

75
00:05:18,980 --> 00:05:19,510
Here it is.

76
00:05:19,820 --> 00:05:23,720
Now everything is done except we don't have the winner.

77
00:05:23,720 --> 00:05:26,780
If we have a winner here, I need to reset that one as well.

78
00:05:26,780 --> 00:05:28,650
But at this stage, we don't have it.

79
00:05:29,030 --> 00:05:33,860
Now, this reset button, it is working.

80
00:05:33,860 --> 00:05:35,330
It is doing its job.

81
00:05:35,330 --> 00:05:36,770
But is this ideal?

82
00:05:36,890 --> 00:05:38,120
I'm just gonna show you one thing.

83
00:05:38,750 --> 00:05:42,800
Look at this code here and look at this code here.

84
00:05:44,120 --> 00:05:45,590
It's pretty much so.

85
00:05:45,600 --> 00:05:48,440
As I told you, if we have the winner, we have to do something similar.

86
00:05:49,220 --> 00:05:50,810
So we have everything here.

87
00:05:51,320 --> 00:05:57,860
So that is not ideal because we're repeating the code all over again.

88
00:05:58,250 --> 00:06:01,820
So this is a pretty much same old same code, right?

89
00:06:02,000 --> 00:06:03,380
Same same same code.

90
00:06:03,710 --> 00:06:07,490
And we are just repeating here that is pretty much ugly.

91
00:06:07,580 --> 00:06:09,530
So I'm just going to comment this out.

92
00:06:09,530 --> 00:06:11,750
So somebody have done it with me.

93
00:06:11,750 --> 00:06:12,750
Just comment this out.

94
00:06:12,770 --> 00:06:14,930
This is a one way you can solve the problem.

95
00:06:15,260 --> 00:06:18,530
But I want to solve the problem and I want to show you something else.

96
00:06:18,770 --> 00:06:24,980
We can minimize the the code by doing this by the end reset

97
00:06:27,410 --> 00:06:29,330
at the event.

98
00:06:29,330 --> 00:06:34,460
Listener, it's going to be click in here.

99
00:06:34,460 --> 00:06:35,930
I'm going to say start only.

100
00:06:36,980 --> 00:06:41,090
So start or in need or begin whatever you want.

101
00:06:41,210 --> 00:06:45,680
That that will be the function name in the function name.

102
00:06:45,680 --> 00:06:47,030
We will define it here.

103
00:06:47,450 --> 00:06:48,980
So why call it start.

104
00:06:48,980 --> 00:06:56,870
Because this I'm going to use it this function, I'm going to use it for initializing all of the values,

105
00:06:57,530 --> 00:07:03,890
all of these values for, um, for starting the game.

106
00:07:04,610 --> 00:07:13,520
So I'm going to put the function here function start like that, doesn't require any parameters, doesn't

107
00:07:13,520 --> 00:07:15,020
require anything else.

108
00:07:15,710 --> 00:07:18,740
So what I'm going to do, I'm just going to grab everything from top.

109
00:07:20,420 --> 00:07:22,660
I'm just going to leave the variables there.

110
00:07:22,670 --> 00:07:24,170
Don't worry about the variables.

111
00:07:24,860 --> 00:07:26,420
They're not big problem.

112
00:07:26,600 --> 00:07:32,480
So if you want, you can comment like this to know what's what's been happening.

113
00:07:32,480 --> 00:07:36,230
You can write a comment here, but I'm just going to cut it from here.

114
00:07:36,410 --> 00:07:36,770
All right.

115
00:07:37,040 --> 00:07:39,320
And I I'm going to put it in the start.

116
00:07:40,670 --> 00:07:49,430
So, OK, now, this is not going to work here because we have a problem.

117
00:07:49,430 --> 00:07:59,210
Now, when I click this restart button, it will work because here we have the same query selector.

118
00:07:59,210 --> 00:08:00,950
We just doing things right.

119
00:08:00,950 --> 00:08:02,900
We just making things invisible.

120
00:08:02,900 --> 00:08:03,770
We're hiding things.

121
00:08:03,770 --> 00:08:04,820
We're setting to zero.

122
00:08:05,060 --> 00:08:06,890
So the restart will work.

123
00:08:07,100 --> 00:08:12,650
But the start we will you will see now the start will not work.

124
00:08:14,510 --> 00:08:15,320
And why is that?

125
00:08:16,190 --> 00:08:22,430
Because we need to call the function here because we need some of the variables start.

126
00:08:22,880 --> 00:08:29,360
So doing this, it will call it here and it will initialize some of the things for us.

127
00:08:29,870 --> 00:08:35,150
Now I'm going to refresh and now it's going to work.

128
00:08:35,630 --> 00:08:37,700
Now, even the restart will work now.

129
00:08:37,700 --> 00:08:38,930
Even the start will work.

130
00:08:39,350 --> 00:08:46,640
But one more thing that I want to add is that this game as actually

131
00:08:49,520 --> 00:08:51,980
C is still running in the background.

132
00:08:51,980 --> 00:08:56,600
So doesn't mean that we are not calculating the result is still running in the background.

133
00:08:57,290 --> 00:08:59,720
So that will be our final step of the game.

134
00:08:59,930 --> 00:09:03,440
And that means that we need to destroy the game.

135
00:09:03,440 --> 00:09:05,390
So how we can do this.

136
00:09:05,600 --> 00:09:07,910
So there are different ways.

137
00:09:08,390 --> 00:09:10,610
But I want to make it as simple as.

138
00:09:11,430 --> 00:09:14,970
I will create a boolean variable called game status

139
00:09:17,910 --> 00:09:23,370
is going to be variable, but he's going to have it's going to be from boolean type game status

140
00:09:25,770 --> 00:09:27,350
in this game status variable.

141
00:09:27,360 --> 00:09:28,440
I'm not going to set it here.

142
00:09:28,440 --> 00:09:29,730
I'm going to set it in the start.

143
00:09:29,730 --> 00:09:30,090
Right.

144
00:09:30,780 --> 00:09:33,060
So after this.

145
00:09:33,060 --> 00:09:34,920
After this, I'm going to set it to true.

146
00:09:36,480 --> 00:09:46,380
Now, this means until we're playing the game, this game, until it's here where it is, until it's

147
00:09:46,380 --> 00:09:50,060
right in this block here, this game will always be true.

148
00:09:50,430 --> 00:09:50,820
Right.

149
00:09:50,940 --> 00:09:54,560
And I'm setting that one here where it is the truth.

150
00:09:54,720 --> 00:10:03,060
So every time if I access this variable here inside these Mithian roll dice, it will be true because

151
00:10:03,060 --> 00:10:05,640
I said globally it's the same as I said it here.

152
00:10:05,670 --> 00:10:12,910
So this function will be able to access that variable and it will be true unless we change it.

153
00:10:14,070 --> 00:10:21,210
Now, I'm going to grab this entire entire if else.

154
00:10:21,840 --> 00:10:22,110
Right.

155
00:10:22,620 --> 00:10:23,460
I'm going to grab it.

156
00:10:26,980 --> 00:10:36,160
And I'm going to say, OK, if gained status and I'm going to paste everything back, so means that

157
00:10:36,160 --> 00:10:39,850
if gained status, this will be true, it always go inside.

158
00:10:40,620 --> 00:10:46,080
Right now, we need to do is to change one thing, right?

159
00:10:46,090 --> 00:10:48,010
We need to change one thing.

160
00:10:48,010 --> 00:10:51,400
And that is we need to.

161
00:10:54,260 --> 00:11:00,980
We need to add to the variable we need to add here, so when we are declaring there is a winner, we

162
00:11:00,980 --> 00:11:06,870
need to say, OK, the game game status should be equal to force.

163
00:11:09,160 --> 00:11:17,480
Now, doesn't matter if we click on the button roll dice, it would not go here because the status of

164
00:11:17,480 --> 00:11:19,220
the game is already changed here.

165
00:11:19,490 --> 00:11:24,950
When we reach when we have a winner, that means bam, OK, now we're done with the game.

166
00:11:25,400 --> 00:11:26,800
OK, so let's see what's happening.

167
00:11:28,340 --> 00:11:31,790
So I'm going to reach to be a winner in here.

168
00:11:31,790 --> 00:11:33,830
It is just like the game.

169
00:11:33,830 --> 00:11:36,080
We don't we don't see this one spinning anymore.

170
00:11:36,080 --> 00:11:36,440
Right.

171
00:11:36,890 --> 00:11:39,140
Because the result is twenty one.

172
00:11:39,260 --> 00:11:43,010
And if we inspect the element we have a winner.

173
00:11:43,010 --> 00:11:43,310
Right.

174
00:11:43,460 --> 00:11:45,020
So we can go with here.

175
00:11:45,020 --> 00:11:50,780
We managed to successfully block the game because the game status, it's not true anymore.

176
00:11:50,780 --> 00:11:51,410
It's false.

177
00:11:52,160 --> 00:11:58,130
This is how you can tweak the game to say, OK, this is because the status is false.

178
00:11:58,250 --> 00:12:02,210
I would not be able to to create a new variable, nothing else.

179
00:12:02,210 --> 00:12:02,510
Right.

180
00:12:02,990 --> 00:12:08,870
So other ways you can do is when you reach the twenty one more than twenty, you can just hide this

181
00:12:08,870 --> 00:12:11,450
button here and you will not be able to click it.

182
00:12:11,810 --> 00:12:12,500
That's one way.

183
00:12:12,500 --> 00:12:15,980
But that's not ideal and I'm not going to do it like that.

184
00:12:15,980 --> 00:12:16,280
Right.

185
00:12:16,490 --> 00:12:19,700
So the restart will work and everything should fire up.

186
00:12:22,200 --> 00:12:25,130
Right, so let's test it again.

187
00:12:27,070 --> 00:12:35,800
Here it is after 20, a Congo war, we have a winner, we have a winner, and the guy winning is the

188
00:12:35,800 --> 00:12:36,670
player, number one.

189
00:12:37,420 --> 00:12:42,100
Now, one more thing is left, and that is to show that image.

190
00:12:42,250 --> 00:12:43,600
So how we can do it here?

191
00:12:43,780 --> 00:12:51,430
I'm going to say document that where we select her and what I'm going to select here is actually the

192
00:12:51,430 --> 00:12:54,480
winner dash.

193
00:12:54,490 --> 00:12:59,740
And plus, we can get the live, live player again, right, with that trick.

194
00:13:00,760 --> 00:13:07,210
So I'm going to say class with class list, remove what we put the class.

195
00:13:07,210 --> 00:13:10,420
They're invisible, right in Astarte.

196
00:13:11,500 --> 00:13:13,750
So I'm going to remove this class from a winner.

197
00:13:13,960 --> 00:13:15,880
Does it matter which one will be right?

198
00:13:16,030 --> 00:13:21,730
So because I'm targeting with this guy here with the live player so it will know our program is getting

199
00:13:21,730 --> 00:13:22,300
smarter.

200
00:13:24,910 --> 00:13:29,740
OK, so I'm going to remove that one and that's pretty much it.

201
00:13:31,330 --> 00:13:36,130
What I can do, even I can just document that query selector.

202
00:13:36,850 --> 00:13:39,190
I can hide even the dice from here.

203
00:13:40,510 --> 00:13:46,960
I'm not going to expect here to set me set just to hit somebody with satirised display.

204
00:13:47,500 --> 00:13:48,120
Doesn't matter.

205
00:13:48,130 --> 00:13:49,210
We can do it like this.

206
00:13:51,340 --> 00:13:54,370
So let's refresh.

207
00:13:54,550 --> 00:13:57,140
Roll the dice every year.

208
00:13:57,880 --> 00:13:58,950
And how is this possible?

209
00:13:58,960 --> 00:14:02,470
We have a winner and I have one winner.

210
00:14:02,470 --> 00:14:02,830
Right.

211
00:14:04,120 --> 00:14:05,950
OK, what is happening here.

212
00:14:08,910 --> 00:14:16,410
OK, I can see what the problem is, right, but I hope that you can pass the video for like a minute

213
00:14:16,410 --> 00:14:22,470
or two, doesn't matter how much it will be the video and think what it can be the problem.

214
00:14:22,470 --> 00:14:22,750
Right.

215
00:14:22,950 --> 00:14:25,350
But I want to just show you that you need to look at here.

216
00:14:25,350 --> 00:14:30,920
Here's the problem and you need to find out why I'm just targeting different winner here.

217
00:14:31,260 --> 00:14:32,040
What's the problem?

218
00:14:32,580 --> 00:14:40,710
OK, so if you pause the video and if you couldn't find it or you could find congratulations, this

219
00:14:40,710 --> 00:14:41,300
is happening, why?

220
00:14:41,310 --> 00:14:44,810
Because we are toggling here to the different player.

221
00:14:45,300 --> 00:14:49,670
So actually here we are doing everything for that player.

222
00:14:49,920 --> 00:14:55,890
And after that we are toggling for to display the live for the other player.

223
00:14:56,160 --> 00:14:57,510
And that's why it's here.

224
00:14:57,510 --> 00:15:02,640
We are getting that live player, the other life player, actually.

225
00:15:02,640 --> 00:15:07,470
And that's why when I when we have a winner, when the player with zero is a winner, actually, I have

226
00:15:07,800 --> 00:15:09,720
here we toggled one and a half.

227
00:15:09,720 --> 00:15:11,850
We know one, actually, it's not winner zero.

228
00:15:12,150 --> 00:15:16,590
So basically tackle it back because here it will go only once.

229
00:15:16,590 --> 00:15:18,000
You can copy this line here.

230
00:15:18,900 --> 00:15:20,360
So you're not going to break the program.

231
00:15:20,370 --> 00:15:21,750
You can copy this line here.

232
00:15:21,960 --> 00:15:26,310
And if this was one here, it became zero.

233
00:15:26,310 --> 00:15:32,250
Here it will be game one here again, if it was zero here, it will be one in zero here again.

234
00:15:32,360 --> 00:15:32,670
All right.

235
00:15:32,790 --> 00:15:35,970
Just dial it back to different player now.

236
00:15:36,510 --> 00:15:37,770
OK, that is gone.

237
00:15:39,990 --> 00:15:41,100
Let's play this one.

238
00:15:42,480 --> 00:15:43,230
Twenty three.

239
00:15:44,160 --> 00:15:45,060
Here it is.

240
00:15:45,810 --> 00:15:47,820
That is going to happen there.

241
00:15:48,120 --> 00:15:52,890
So that is the winner of actually that is the winner.

242
00:15:52,890 --> 00:15:53,460
Twenty three.

243
00:15:53,640 --> 00:15:53,970
Right.

244
00:15:53,970 --> 00:15:57,060
I'm just going to restart it again, make sure it's working.

245
00:15:57,840 --> 00:15:58,920
The winner is this.

246
00:15:59,790 --> 00:16:00,990
Make sure it's working.

247
00:16:01,320 --> 00:16:01,790
Yeah.

248
00:16:01,800 --> 00:16:02,190
Again.

249
00:16:02,190 --> 00:16:02,610
Come on.

250
00:16:03,510 --> 00:16:06,540
The player two will be a winner sometimes in future.

251
00:16:07,020 --> 00:16:12,060
I just want to see if it's working or not because constantly I'm hitting this player.

252
00:16:12,060 --> 00:16:16,530
One here is the player two is the winner.

253
00:16:20,150 --> 00:16:26,750
And that is pretty much for this game, right, so we can just test it one more time if it's working

254
00:16:26,750 --> 00:16:27,220
or not.

255
00:16:27,890 --> 00:16:33,440
So I have a winner, one, I'm just going to restart a wing one again.

256
00:16:33,440 --> 00:16:34,280
I'm going to restart it.

257
00:16:34,290 --> 00:16:34,840
Come on.

258
00:16:34,850 --> 00:16:35,720
What's happening with this?

259
00:16:35,760 --> 00:16:41,690
Player number three, always losing here is OK.

260
00:16:41,870 --> 00:16:45,290
So everything else, it's working as it should.

261
00:16:45,650 --> 00:16:48,390
And this is how I would set the game.

262
00:16:48,410 --> 00:16:52,760
So what we did here, we just removed everything from the start.

263
00:16:52,970 --> 00:16:54,410
We put it in the function.

264
00:16:55,190 --> 00:16:57,580
We call it bedient reset.

265
00:16:58,400 --> 00:17:05,090
Now, this function, I don't just use it for between reset, I just use it even for declaration of

266
00:17:05,090 --> 00:17:05,820
the variables.

267
00:17:05,840 --> 00:17:07,370
That's why I call it in the beginning.

268
00:17:07,670 --> 00:17:12,110
So remember, otherwise we will have a duplication of the code.

269
00:17:12,110 --> 00:17:14,710
And that is not what we want in JavaScript.

270
00:17:14,870 --> 00:17:17,810
So thank you very much for being with me.

271
00:17:18,050 --> 00:17:22,820
And I hope you like the way this program I mean, this game is working.

272
00:17:23,000 --> 00:17:30,050
So it's not something the best game in the world, but it do its job and you learn a lot of things.

273
00:17:30,050 --> 00:17:32,000
That is what you need to be proud of.

274
00:17:32,180 --> 00:17:33,470
You learn a lot of things.

275
00:17:33,470 --> 00:17:41,720
You learn how to use the DOM, how to manipulate data through using query selector, get Elliman by

276
00:17:42,140 --> 00:17:45,800
adding classes, functions, whatever we have done before.

277
00:17:46,040 --> 00:17:47,060
Now you have it here.

278
00:17:47,090 --> 00:17:51,650
Also, you have the success or the SAS files.

279
00:17:51,650 --> 00:17:52,850
You can play around with them.

280
00:17:53,210 --> 00:17:56,690
You these are the images you can play around with images as well.

281
00:17:56,930 --> 00:17:57,380
Right.

282
00:17:57,560 --> 00:17:59,870
So whatever you want, you can just test it out.

283
00:17:59,870 --> 00:18:07,940
This is the wrapper that you can add more and more things here and that work should be compiled into

284
00:18:07,940 --> 00:18:09,140
this wrapper here.

285
00:18:09,410 --> 00:18:09,770
Right.

286
00:18:09,980 --> 00:18:17,330
So everything that you change in the wrapper because the main is only important wrapper should be there.

287
00:18:17,360 --> 00:18:19,490
No, I use that.

288
00:18:19,730 --> 00:18:22,430
I'm just going to tell you which extension I use for this one.

289
00:18:23,060 --> 00:18:30,080
So I think I think lifesize size compiler, this one.

290
00:18:30,410 --> 00:18:34,280
So I've used that one so you can use this one and I think should work.

291
00:18:34,430 --> 00:18:34,900
Right.

292
00:18:35,210 --> 00:18:36,560
So watch SAS.

293
00:18:36,560 --> 00:18:37,070
Here it is.

294
00:18:37,070 --> 00:18:45,350
If you hit it, it's going to say working in any changes you make is going to show you to close this

295
00:18:45,350 --> 00:18:45,620
one.

296
00:18:46,940 --> 00:18:51,740
This is not a or SAS course, but I want to tell you something.

297
00:18:51,740 --> 00:18:53,990
So I'm just going to make your change.

298
00:18:53,990 --> 00:18:57,260
I'm going to save it and I'm going to have success.

299
00:18:57,260 --> 00:19:05,090
And that will be green in my code will be added here in the sorry, in the wrapper.

300
00:19:05,540 --> 00:19:08,120
Let's change something and you will see how it will affect.

301
00:19:08,690 --> 00:19:10,940
Oh, let's go top.

302
00:19:13,770 --> 00:19:22,170
Let's put the box shadow or in a wrapper, I'm just going to say, I'm not sure if I can see I can see

303
00:19:22,170 --> 00:19:23,690
the background color is that one.

304
00:19:23,880 --> 00:19:29,970
I want to set the background color to red, just red, not something like that.

305
00:19:30,360 --> 00:19:32,520
And it's seeing success here.

306
00:19:34,080 --> 00:19:36,060
And we can't see it actually the color.

307
00:19:36,060 --> 00:19:36,390
Right.

308
00:19:36,850 --> 00:19:38,130
That is the problem.

309
00:19:38,400 --> 00:19:41,690
OK, but we can see the color here on the panel.

310
00:19:42,330 --> 00:19:45,090
So I'm just going to set it to black, but I'll save it.

311
00:19:45,270 --> 00:19:45,990
And here it is.

312
00:19:46,980 --> 00:19:47,400
Right.

313
00:19:47,670 --> 00:19:55,260
That is what you need to understand that just going to return it back to normal enough that you can

314
00:19:55,260 --> 00:19:56,040
just close it.

315
00:19:56,050 --> 00:19:57,030
You don't need to do it.

316
00:19:57,990 --> 00:19:59,360
So that is pretty much it.

317
00:20:00,120 --> 00:20:01,710
I hope you enjoy it so far.

318
00:20:02,250 --> 00:20:08,810
And I will see you in the next lecture where we are going to do something else and stay with me.

319
00:20:09,060 --> 00:20:12,480
You're going to have those these two files finish in the starting one.

320
00:20:12,480 --> 00:20:20,190
I suggest you to use your own I mean, start with the first starter one and then to go from there to

321
00:20:20,190 --> 00:20:25,020
use that file and build up the application, because together with me, you're going to learn it.

322
00:20:25,020 --> 00:20:28,860
Otherwise, if you just copying and pasting, not going to learn much.

323
00:20:29,190 --> 00:20:30,120
This is JavaScript.

324
00:20:30,240 --> 00:20:32,300
You need to get your hands dirty and that's it.

325
00:20:32,340 --> 00:20:33,420
So thank you very much.

326
00:20:33,660 --> 00:20:36,510
I see you in the next section.