1
00:00:00,000 --> 00:00:04,040
ახლა უკვე იცი, როგორ უნდა შეცვალო
ელემენტის კონტენტი

2
00:00:04,051 --> 00:00:06,441
და მისი ატრიბუტების მნიშვნელობები.

3
00:00:06,441 --> 00:00:11,383
კიდევ რა დარჩა? 
რა ვქნათ, თუ სტილის შეცვლა გვინდა?

4
00:00:11,383 --> 00:00:15,534
წესით, ამას CSS-ში ვაკეთებთ, მაგრამ
ხანდახან

5
00:00:15,534 --> 00:00:20,432
გვირჩევნია ამისთვის JavaScript გამოყენება,
მაგალითად, თუ სტილების დროში შეცვლა გვინდა

6
00:00:20,432 --> 00:00:25,944
ან დაკლიკვის მერე შეცვლა.. მალე გაჩვენებთ,
როგორ უნდა გააკეთოთ ეს, გპირდებით.

7
00:00:25,944 --> 00:00:29,747
შევცვალთ ამ სათაურის სტილი.

8
00:00:29,747 --> 00:00:33,415
თუ ამას CSS-ში გავაკეთებდით, 
გამოვიდოდა ასე:

9
00:00:33,415 --> 00:00:38,549
`#heading`, არჩეული ID-ით,
და მერე `color: orange`.

10
00:00:38,549 --> 00:00:42,476
აი, კატასავით ნარინჯისფერია.

11
00:00:42,476 --> 00:00:46,036
ახლა გავაკეთოთ იგივე JavaScript-ში.

12
00:00:46,036 --> 00:00:49,932
ჯერ ვიპოვოთ ჰედერის ელემენტი,
რომელიც აქ გვაქვს

13
00:00:49,932 --> 00:00:55,655
შემდეგ ვნახოთ მისი სტილის ატრიბუთი

14
00:00:55,655 --> 00:01:00,916
შემდეგ ის თვისება, რომელიც გვაინტერესებს,
ანუ ფერი

15
00:01:00,916 --> 00:01:04,617
და მივანიჭოთ მას ახალი მნიშვნელობა.

16
00:01:04,617 --> 00:01:11,345
წავშალოთ თვისება CSS-ში და ვნახოთ,
თუ გამოგვივიდა. გამოგვსვლია.

17
00:01:11,345 --> 00:01:16,618
ახლა უყურე, აქ გვაქვს ორი წერტილი, 
იმიტომ რომ

18
00:01:16,618 --> 00:01:22,122
რეალურად ორ ობიექტს შევეხეთ. ერთია ელემენტი
და მეორეა სტილი,

19
00:01:22,122 --> 00:01:27,004
რომელიც ელემენტის ყველა სტილს ცალკე
თვისებებად ინახავს.

20
00:01:27,004 --> 00:01:31,632
დავუშვათ, გვინდა ფონის და ჰედერის 
ფერის შეცვლაც.

21
00:01:31,632 --> 00:01:37,548
CSS-ში ეს იქნებოდა
background-color: black;

22
00:01:37,548 --> 00:01:40,996
ვნახოთ, რა იქნება JavaScript-ში:

23
00:01:40,996 --> 00:01:49,378
headingEl.style.background-color 
= "black";

24
00:01:49,378 --> 00:01:53,977
ოჰ-ოჰ, რაღაც შეცდომაა. 
არასწორად ჩავწერეთ.

25
00:01:53,977 --> 00:01:57,412
თვისებების სახელებში არ შეიძლება იყოს
დეფისები.

26
00:01:57,412 --> 00:02:02,372
ამიტომ ეს CSS ფორმის სახელი უნდა შევცვალოთ
JavaScript-ის შესაბამისი ფორმით

27
00:02:02,372 --> 00:02:11,104
ანუ წავშალოთ დეფისი და დავწეროთ 
მეორე სიტყვა დიდი ასოთი.

28
00:02:11,104 --> 00:02:16,969
შევამოწმოთ, წინა თვისების წაშლით - 
და კი, გამოგვივიდა, კვლავ შავია.

29
00:02:16,969 --> 00:02:21,838
ახლა გავასწოროთ ჰედერი ცენტრზე.

30
00:02:21,838 --> 00:02:26,910
ამისთვის დავამატოთ აქ კიდევ ერთი ხაზი.

31
00:02:26,910 --> 00:02:33,790
`headingEl.style.textAlign`-- 
დავწეროთ დიდი ასოთი -- `= "center"`.

32
00:02:33,790 --> 00:02:37,916
გავიმეორებ, რომ დიდი ასოთი ვწერთ იმიტომ,
რომ მანამდე ეს ორი სიტყვა დეფისით ეწერა.

33
00:02:37,916 --> 00:02:45,298
და ახლა ჩვენი ჰედერი ჰგავს კატასა და 
ჰელოუინს ერთდროულად.