[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.70,0:00:05.96,Default,,0000,0000,0000,,ბოლო ტუტორიალში მე გაჩვენეთ, როგორ \Nგანსაზღვროთ სტილები JavaScript-ში
Dialogue: 0,0:00:05.96,0:00:10.20,Default,,0000,0000,0000,,თუ ბევრ სხვადასხვა სტილს გამოიყენებ\NJavaScript-ში, ბოლოს
Dialogue: 0,0:00:10.20,0:00:14.67,Default,,0000,0000,0000,,კოდის ასობით ხაზი გექნება,\Nრომელთაც უდა მიანიჭო CSS მნიშვნელობები.
Dialogue: 0,0:00:14.67,0:00:18.08,Default,,0000,0000,0000,,და ამან შეიძლება სერიოზულად არიოს შენი\NJavaScript.
Dialogue: 0,0:00:18.08,0:00:20.67,Default,,0000,0000,0000,,მაგრამ, შეგვიძლია გავაკეთოთ ასე:
Dialogue: 0,0:00:20.67,0:00:23.21,Default,,0000,0000,0000,,შეგვიძლია შევქმნათ CSS კლასი
Dialogue: 0,0:00:23.21,0:00:28.28,Default,,0000,0000,0000,,და CSS წესი ამ კლასისთვის,\Nჩვენთვის სასურველი სტილით.
Dialogue: 0,0:00:28.28,0:00:33.12,Default,,0000,0000,0000,,შემდეგ კი დინამიურად დავამატოთ ამ კლასის\Nსახელი JavaScript-ში.
Dialogue: 0,0:00:33.12,0:00:38.93,Default,,0000,0000,0000,,დავიწყოთ თეგით ``.
Dialogue: 0,0:00:38.93,0:00:45.80,Default,,0000,0000,0000,,შევქმნათ კლასი .catcolors და CSS წესი\Nამ კლასისთვის.
Dialogue: 0,0:00:45.80,0:00:53.08,Default,,0000,0000,0000,,ფერები იქნება შემდეგი: color: orange`,\Nand `background-color: black`.
Dialogue: 0,0:00:53.08,0:00:58.85,Default,,0000,0000,0000,,ახლა თუ გვინდა ეს მივმართოთ ელემენტს \N"heading" (ჰედერს)
Dialogue: 0,0:00:58.85,0:01:05.81,Default,,0000,0000,0000,,ჩავწეროთ `headingEl.className = "catcolors";
Dialogue: 0,0:01:05.81,0:01:09.48,Default,,0000,0000,0000,,ახლა შეგვიძლია წავშალოთ ფერების
Dialogue: 0,0:01:09.48,0:01:12.22,Default,,0000,0000,0000,,განსაზღვრებები JavaScript-იდან.
Dialogue: 0,0:01:12.22,0:01:13.32,Default,,0000,0000,0000,,და
Dialogue: 0,0:01:13.32,0:01:15.11,Default,,0000,0000,0000,,გამოვიდა!
Dialogue: 0,0:01:15.11,0:01:17.47,Default,,0000,0000,0000,,ამჩნევთ რაღაც უცნაურობას?
Dialogue: 0,0:01:17.47,0:01:21.25,Default,,0000,0000,0000,,HTML ატრიბუტი კლასების სახელებისთვის\Nარის უბრალოდ class
Dialogue: 0,0:01:21.25,0:01:26.78,Default,,0000,0000,0000,,ეს რომ HTML-ში გამეკეთებინა, იქნებოდა\Nclass="catcolors"
Dialogue: 0,0:01:26.78,0:01:31.59,Default,,0000,0000,0000,,მაგრამ როცა JavaScript-ში ვმუშაობთ,\Nუნდა გამოვიყენოთ .className
Dialogue: 0,0:01:31.59,0:01:33.81,Default,,0000,0000,0000,,რაც ჩვენთვის ცოტა უჩვეულოა.
Dialogue: 0,0:01:33.81,0:01:39.08,Default,,0000,0000,0000,,ეს ასეა იმიტომ, რომ class JavaScript-ში არის\Nფუქნციური სიტყვა,
Dialogue: 0,0:01:39.08,0:01:42.61,Default,,0000,0000,0000,,რომელსაცა ამ ენაში განსაკუთრებული \Nმნიშვნელობა აქვს.
Dialogue: 0,0:01:42.61,0:01:47.53,Default,,0000,0000,0000,,ამის გამო, ბრაუზერებმა გადაწყვიტეს \Nგამოიყენონ className , როცა
Dialogue: 0,0:01:47.53,0:01:52.20,Default,,0000,0000,0000,,HTML კლასის ატრიბუტს უნდა მიმართონ.
Dialogue: 0,0:01:52.20,0:01:56.61,Default,,0000,0000,0000,,დაიმახსოვრე, თუ გინდა განსაზღვრო ელემენტის\Nკლასის ატრიბუტი,
Dialogue: 0,0:01:56.61,0:02:00.33,Default,,0000,0000,0000,,წერ .className უდრის ....
Dialogue: 0,0:02:00.33,0:02:04.38,Default,,0000,0000,0000,,ახლა დაუკავშირე ეს ცხოველის\Nყოველ სახელს;
Dialogue: 0,0:02:04.38,0:02:06.66,Default,,0000,0000,0000,,ეს შეიძლება ჩავსვათ ციკლში.
Dialogue: 0,0:02:06.66,0:02:13.45,Default,,0000,0000,0000,,nameEls[i].className = "catColors";
Dialogue: 0,0:02:13.45,0:02:19.43,Default,,0000,0000,0000,,ასე დავამატებთ ახალ კლასს და სახელს,\Nმაგრამ წავშლით ყველა კლასს,
Dialogue: 0,0:02:19.43,0:02:23.70,Default,,0000,0000,0000,,რაც მანამდე იყო - ეს მოხდება\Nიმის გამო, რომ გავატოლეთ.
Dialogue: 0,0:02:23.70,0:02:28.24,Default,,0000,0000,0000,,ასე რომ, თუ აქ მანამდე რამე კლასები იყო\Nახლა აღარ არის.
Dialogue: 0,0:02:28.24,0:02:32.05,Default,,0000,0000,0000,,ვიცით, რომ აქ ადრე იყო კლასები,\Nრომლებიც უდრიდა ცხოველებს,
Dialogue: 0,0:02:32.05,0:02:34.34,Default,,0000,0000,0000,,ახლა კი catColors გვაქვს.
Dialogue: 0,0:02:34.34,0:02:41.30,Default,,0000,0000,0000,,ახლა ამ კლასის ატრიბუტს უნდა დავუმატოთ\Nკლასის ახალი სახელი.
Dialogue: 0,0:02:41.30,0:02:47.56,Default,,0000,0000,0000,,ამის გაკეთება შეგვიძლია ასე:\N+ = catColors
Dialogue: 0,0:02:47.56,0:02:48.83,Default,,0000,0000,0000,,ესეც ასე.
Dialogue: 0,0:02:48.83,0:02:52.04,Default,,0000,0000,0000,,ეს საკმაოდ უსაფრთხო გზაა,
Dialogue: 0,0:02:52.04,0:02:58.05,Default,,0000,0000,0000,,იმიტომ რომ წინა კლასს უმატებს ახალს.
Dialogue: 0,0:02:58.05,0:03:02.21,Default,,0000,0000,0000,,ახალ ბრაუზერებში კიდევ შეიძლება
Dialogue: 0,0:03:02.21,0:03:04.98,Default,,0000,0000,0000,,classList თვისების გამოყენება.
Dialogue: 0,0:03:04.98,0:03:15.04,Default,,0000,0000,0000,,ვაკეთებთ ასე:\NnameEls[i].classList.add("catcolors");
Dialogue: 0,0:03:15.04,0:03:19.65,Default,,0000,0000,0000,,ეს გაცილებით უფრო კარგია, მაგრამ\Nყველგან არ მუშაობს.
Dialogue: 0,0:03:19.65,0:03:24.01,Default,,0000,0000,0000,,თუ ამის გამოყენება გინდა, უნდა გადახვიდე\Nგვერდზე caniuse.com
Dialogue: 0,0:03:24.01,0:03:26.53,Default,,0000,0000,0000,,და დარწმუნდე, რომ ის მუშაობს \Nყველა ბრაუზერში,
Dialogue: 0,0:03:26.53,0:03:28.76,Default,,0000,0000,0000,,სადაც გინდა, რომ შენი გვერდი გაიხსნას.
Dialogue: 0,0:03:28.76,0:03:32.19,Default,,0000,0000,0000,,შენთვის ეს ფუნქცია კი არის კარგი, მაგრამ \Nკარგი სულაც არაა თუ გვერდი არ ჩაიტვირთა
Dialogue: 0,0:03:32.19,0:03:36.25,Default,,0000,0000,0000,,იმის გამო, რომ ისეთი ფუნქცია გამოიყენე,\Nრომლის შესახებაც ბრაუზერს ჯერ არაფერი არ სმენია.
Dialogue: 0,0:03:36.25,0:03:38.14,Default,,0000,0000,0000,,ეს ისე, ზოგადად.
Dialogue: 0,0:03:38.14,0:03:41.34,Default,,0000,0000,0000,,მე მაგალითად მირჩევნია, რომ ჩემი\Nგვერდი ყველა ბრაუზერში იხსნებოდეს.
Dialogue: 0,0:03:41.34,0:03:46.07,Default,,0000,0000,0000,,საკითხს რომ დავუბრუნდეთ, ხანდახან \Nკლასების სახელების მინიჭების მაგივრად
Dialogue: 0,0:03:46.07,0:03:48.56,Default,,0000,0000,0000,,გვირჩევნია ცალკე სტილების შეცვლა.
Dialogue: 0,0:03:48.56,0:03:54.46,Default,,0000,0000,0000,,მოკლედ, გახსოვდეს, რომ ორივე ეს ხერხი \Nარსებობს და შეგიძლია გამოიყენო.
Dialogue: 0,0:03:54.46,0:03:59.08,Default,,0000,0000,0000,,აირჩიე საუკეთესო სიტუაციიდან გამომდინარე.