[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:04.04,Default,,0000,0000,0000,,ახლა უკვე იცი, როგორ უნდა შეცვალო\Nელემენტის კონტენტი
Dialogue: 0,0:00:04.05,0:00:06.44,Default,,0000,0000,0000,,და მისი ატრიბუტების მნიშვნელობები.
Dialogue: 0,0:00:06.44,0:00:11.38,Default,,0000,0000,0000,,კიდევ რა დარჩა? \Nრა ვქნათ, თუ სტილის შეცვლა გვინდა?
Dialogue: 0,0:00:11.38,0:00:15.53,Default,,0000,0000,0000,,წესით, ამას CSS-ში ვაკეთებთ, მაგრამ\Nხანდახან
Dialogue: 0,0:00:15.53,0:00:20.43,Default,,0000,0000,0000,,გვირჩევნია ამისთვის JavaScript გამოყენება,\Nმაგალითად, თუ სტილების დროში შეცვლა გვინდა
Dialogue: 0,0:00:20.43,0:00:25.94,Default,,0000,0000,0000,,ან დაკლიკვის მერე შეცვლა.. მალე გაჩვენებთ,\Nროგორ უნდა გააკეთოთ ეს, გპირდებით.
Dialogue: 0,0:00:25.94,0:00:29.75,Default,,0000,0000,0000,,შევცვალთ ამ სათაურის სტილი.
Dialogue: 0,0:00:29.75,0:00:33.42,Default,,0000,0000,0000,,თუ ამას CSS-ში გავაკეთებდით, \Nგამოვიდოდა ასე:
Dialogue: 0,0:00:33.42,0:00:38.55,Default,,0000,0000,0000,,`#heading`, არჩეული ID-ით,\Nდა მერე `color: orange`.
Dialogue: 0,0:00:38.55,0:00:42.48,Default,,0000,0000,0000,,აი, კატასავით ნარინჯისფერია.
Dialogue: 0,0:00:42.48,0:00:46.04,Default,,0000,0000,0000,,ახლა გავაკეთოთ იგივე JavaScript-ში.
Dialogue: 0,0:00:46.04,0:00:49.93,Default,,0000,0000,0000,,ჯერ ვიპოვოთ ჰედერის ელემენტი,\Nრომელიც აქ გვაქვს
Dialogue: 0,0:00:49.93,0:00:55.66,Default,,0000,0000,0000,,შემდეგ ვნახოთ მისი სტილის ატრიბუთი
Dialogue: 0,0:00:55.66,0:01:00.92,Default,,0000,0000,0000,,შემდეგ ის თვისება, რომელიც გვაინტერესებს,\Nანუ ფერი
Dialogue: 0,0:01:00.92,0:01:04.62,Default,,0000,0000,0000,,და მივანიჭოთ მას ახალი მნიშვნელობა.
Dialogue: 0,0:01:04.62,0:01:11.34,Default,,0000,0000,0000,,წავშალოთ თვისება CSS-ში და ვნახოთ,\Nთუ გამოგვივიდა. გამოგვსვლია.
Dialogue: 0,0:01:11.34,0:01:16.62,Default,,0000,0000,0000,,ახლა უყურე, აქ გვაქვს ორი წერტილი, \Nიმიტომ რომ
Dialogue: 0,0:01:16.62,0:01:22.12,Default,,0000,0000,0000,,რეალურად ორ ობიექტს შევეხეთ. ერთია ელემენტი\Nდა მეორეა სტილი,
Dialogue: 0,0:01:22.12,0:01:27.00,Default,,0000,0000,0000,,რომელიც ელემენტის ყველა სტილს ცალკე\Nთვისებებად ინახავს.
Dialogue: 0,0:01:27.00,0:01:31.63,Default,,0000,0000,0000,,დავუშვათ, გვინდა ფონის და ჰედერის \Nფერის შეცვლაც.
Dialogue: 0,0:01:31.63,0:01:37.55,Default,,0000,0000,0000,,CSS-ში ეს იქნებოდა\Nbackground-color: black;
Dialogue: 0,0:01:37.55,0:01:40.100,Default,,0000,0000,0000,,ვნახოთ, რა იქნება JavaScript-ში:
Dialogue: 0,0:01:40.100,0:01:49.38,Default,,0000,0000,0000,,headingEl.style.background-color \N= "black";
Dialogue: 0,0:01:49.38,0:01:53.98,Default,,0000,0000,0000,,ოჰ-ოჰ, რაღაც შეცდომაა. \Nარასწორად ჩავწერეთ.
Dialogue: 0,0:01:53.98,0:01:57.41,Default,,0000,0000,0000,,თვისებების სახელებში არ შეიძლება იყოს\Nდეფისები.
Dialogue: 0,0:01:57.41,0:02:02.37,Default,,0000,0000,0000,,ამიტომ ეს CSS ფორმის სახელი უნდა შევცვალოთ\NJavaScript-ის შესაბამისი ფორმით
Dialogue: 0,0:02:02.37,0:02:11.10,Default,,0000,0000,0000,,ანუ წავშალოთ დეფისი და დავწეროთ \Nმეორე სიტყვა დიდი ასოთი.
Dialogue: 0,0:02:11.10,0:02:16.97,Default,,0000,0000,0000,,შევამოწმოთ, წინა თვისების წაშლით - \Nდა კი, გამოგვივიდა, კვლავ შავია.
Dialogue: 0,0:02:16.97,0:02:21.84,Default,,0000,0000,0000,,ახლა გავასწოროთ ჰედერი ცენტრზე.
Dialogue: 0,0:02:21.84,0:02:26.91,Default,,0000,0000,0000,,ამისთვის დავამატოთ აქ კიდევ ერთი ხაზი.
Dialogue: 0,0:02:26.91,0:02:33.79,Default,,0000,0000,0000,,`headingEl.style.textAlign`-- \Nდავწეროთ დიდი ასოთი -- `= "center"`.
Dialogue: 0,0:02:33.79,0:02:37.92,Default,,0000,0000,0000,,გავიმეორებ, რომ დიდი ასოთი ვწერთ იმიტომ,\Nრომ მანამდე ეს ორი სიტყვა დეფისით ეწერა.
Dialogue: 0,0:02:37.92,0:02:45.30,Default,,0000,0000,0000,,და ახლა ჩვენი ჰედერი ჰგავს კატასა და \Nჰელოუინს ერთდროულად.