WEBVTT

00:00:06.560 --> 00:00:11.700
In this video we're going to learn how to change a shemale styling using javascript.

00:00:12.150 --> 00:00:16.800
Let's create a new file and call it change a real

00:00:19.830 --> 00:00:21.940
style.

00:00:22.970 --> 00:00:28.890
Really simple the content from the previous file.

00:00:29.130 --> 00:00:35.670
So we've done in the previous video we changed the contents of a female using the in an email and this

00:00:35.670 --> 00:00:39.030
time we want to change the style.

00:00:39.030 --> 00:00:45.600
So this we're going to use these same buttons but we're just going to change the text so change a Facebook

00:00:45.600 --> 00:00:49.900
style and change Apple's style.

00:00:51.450 --> 00:00:52.050
OK.

00:00:52.260 --> 00:00:59.970
So let's say that we want to be able to click on the change Facebook style button and change Facebook

00:01:01.460 --> 00:01:03.390
with two.

00:01:03.670 --> 00:01:06.200
Two hundred pixels for example.

00:01:06.570 --> 00:01:07.600
That is true.

00:01:08.200 --> 00:01:13.020
So the function is going to be the statesman is going to be almost the same.

00:01:13.020 --> 00:01:20.580
So first we need to access the person using Look even put those elements by id button once the event

00:01:20.610 --> 00:01:25.850
is on click and this time we get to access the Facebook.

00:01:25.890 --> 00:01:30.900
DAVE OK but we don't want to change the content reality style.

00:01:31.680 --> 00:01:39.740
So in order to do that we get to use rather than in a shemale and use style.

00:01:41.100 --> 00:01:46.350
And we want to specify what's property in the style we want to change.

00:01:46.350 --> 00:01:49.140
So in our case we want to change the way.

00:01:49.600 --> 00:01:50.550
OK.

00:01:51.350 --> 00:01:54.420
And we're going to set the width to

00:01:57.720 --> 00:01:59.680
200 pixels says

00:02:02.700 --> 00:02:11.170
Okay let's refresh the page and click on the Facebook present.

00:02:11.230 --> 00:02:15.650
Now we can see that the width has just changed to 200 pixels.

00:02:16.230 --> 00:02:21.820
OK we can change two properties if you want.

00:02:22.570 --> 00:02:28.690
Please create another statesman's inside the function.

00:02:28.800 --> 00:02:34.590
Rather than change with this I really say we want to change the background color.

00:02:35.200 --> 00:02:35.710
Jesus

00:02:40.650 --> 00:02:41.660
said that to

00:02:44.490 --> 00:02:50.490
use our control alt to use our color because it is going with something like this

00:02:50.560 --> 00:02:56.850
.

00:02:57.020 --> 00:03:02.540
OK we didn't use quotes.

00:03:03.120 --> 00:03:03.630
OK.

00:03:03.750 --> 00:03:08.050
So any new property value needs to be between quotes.

00:03:08.120 --> 00:03:08.800
All right.

00:03:09.090 --> 00:03:15.150
So let's try again and this time we're going to see that's both the width and the background color has

00:03:15.150 --> 00:03:17.440
changed.

00:03:19.140 --> 00:03:19.400
OK.

00:03:19.410 --> 00:03:23.750
Now let's do the same thing with the Apple base.

00:03:24.390 --> 00:03:30.130
Let's say we want to change the style of the apple.

00:03:32.000 --> 00:03:39.600
So when we double click on the Apple button we want variances to change the choice style

00:03:41.310 --> 00:03:45.030
.

00:03:45.140 --> 00:03:48.690
Does Let's change the font family

00:03:51.440 --> 00:03:52.150
OK

00:03:54.960 --> 00:04:01.630
to give more space for instance

00:04:11.700 --> 00:04:13.440
fresh page.

00:04:14.160 --> 00:04:20.260
So if we try to double click on the Apple button so you can see that's the font is just changed to monospace

00:04:20.260 --> 00:04:21.080
.

00:04:21.300 --> 00:04:25.070
We can try another prop..

00:04:25.280 --> 00:04:34.050
So you can try to change for instance the font size.

00:04:38.320 --> 00:04:48.020
Let's stick to three reasons Troy.

00:04:49.750 --> 00:04:50.250
OK.

00:04:50.330 --> 00:04:52.290
So working on all right.

00:04:52.590 --> 00:04:56.370
So let's how we change a shemale style using javascript's.

00:04:56.520 --> 00:05:00.720
Just one thing in the Ojibway of all these cards for values here.

00:05:00.720 --> 00:05:04.140
The first three are for the color and the last one here.

00:05:04.250 --> 00:05:08.080
It's including the opacity so changed are two points.

00:05:08.220 --> 00:05:11.720
One for instance that we just refresh.

00:05:11.730 --> 00:05:16.080
You can see that's the color now is more or less transparent.

00:05:16.320 --> 00:05:21.590
OK so sometimes they're able to use the color because you said the opposite as well.

00:05:22.590 --> 00:05:23.700
OK.

00:05:23.700 --> 00:05:30.540
All right so in the next video we're going to get introduced to variables and data types