[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:06.44,Default,,0000,0000,0000,,დავბრუნდით მე და ჩემი გვერდი ძაღლების შესახებ\Nდა მე ვაპირებ გამოვიყენო JavaScript
Dialogue: 0,0:00:06.44,0:00:11.89,Default,,0000,0000,0000,,და DOM api იმისთვის, რომ ეს გვერდი\Nკატების შესახებ გვერდად გადავაქციო.
Dialogue: 0,0:00:11.89,0:00:17.46,Default,,0000,0000,0000,,მგონი, ამ ოთახში სპილოა და მე ვცდილობ\Nარ მივაქციო მას ყურადღება..
Dialogue: 0,0:00:17.46,0:00:23.67,Default,,0000,0000,0000,,რეალურად, ოთახში ძაღლია, უფრო სწორად - ორი, \Nკიდევ უფრო სწორად - ძაღლების სურათებია.
Dialogue: 0,0:00:23.67,0:00:29.48,Default,,0000,0000,0000,,კატების შესახებ გვერდზე ძაღლების სურათები \Nვერ მექნება. უნდა ჩავანაცვლო ისინი რამით.
Dialogue: 0,0:00:29.49,0:00:36.34,Default,,0000,0000,0000,,დავიწყოთ სურათების ძებნით. ვეძებთ\Nთეგის სახელით.
Dialogue: 0,0:00:36.34,0:00:47.87,Default,,0000,0000,0000,,`var imageEls = \Ndocument.getElementsByTagName("img");`
Dialogue: 0,0:00:47.87,0:00:50.67,Default,,0000,0000,0000,,ახლა, რადგანაც ეს ბევრ ელემენტს გვიბრუნებს,
Dialogue: 0,0:00:50.67,0:00:54.72,Default,,0000,0000,0000,,მათ შორის ბრძანების გასამეორებლად\Nუნდა გამოვიყენოთ ციკლი for
Dialogue: 0,0:00:54.72,0:01:04.43,Default,,0000,0000,0000,,`var i = 0; i < imageEls.length; i++`
Dialogue: 0,0:01:04.43,0:01:11.46,Default,,0000,0000,0000,,მაგრამ რა უნდა ჩავსვა ციკლში?\Nმე ვერ შეცვლი სურათ-ელემენეტბს, თუ
Dialogue: 0,0:01:11.46,0:01:18.76,Default,,0000,0000,0000,,ისინი იყენებენ innerHTML-ს, იმიტომ რომ\Nსურათების თეგები არ შეიცავენ innerHTML-ს.
Dialogue: 0,0:01:18.76,0:01:23.80,Default,,0000,0000,0000,,მე უნდა შევცავლო ის, რის გამოც ამ სურათებზე\Nგამოსახულია ძაღლები --
Dialogue: 0,0:01:23.80,0:01:27.18,Default,,0000,0000,0000,,სურათების URL , რაც განისაზღვრება
Dialogue: 0,0:01:27.18,0:01:30.72,Default,,0000,0000,0000,,ყოველი თეგის src ატრიბუტში.
Dialogue: 0,0:01:30.72,0:01:36.46,Default,,0000,0000,0000,,ელემენტების ატრიბუტები . ნოტაციით იცვლება.\Nმოდი, გაჩვენებ.
Dialogue: 0,0:01:36.46,0:01:43.18,Default,,0000,0000,0000,,გადავდივართ მიმდინარე ელემენტზე, \Nნოტაციით ფრჩხილებში, ვსვამთ წერტილს
Dialogue: 0,0:01:43.18,0:01:50.65,Default,,0000,0000,0000,,და ვსვამთ HTML ატრიბუტის სახელს როგორც\NJavaScript თვისების სახელს -- src -- უდრის
Dialogue: 0,0:01:50.65,0:01:54.84,Default,,0000,0000,0000,,და აქ ვსვამთ ახალ მნიშვნელობას;\Nჯერ ცარიელი ხაზი იყოს.
Dialogue: 0,0:01:54.84,0:01:57.30,Default,,0000,0000,0000,,ხედავ? სურათები გაქრა.
Dialogue: 0,0:01:57.30,0:02:01.67,Default,,0000,0000,0000,,იმიტომ რომ ცარიელი ხაზი\Nარ მიუთითებს საერთოდ არანაირ სურათზე.
Dialogue: 0,0:02:01.67,0:02:07.66,Default,,0000,0000,0000,,იმისთვის, რომ ახალი URL ჩავსვა,\Nვაკოპირებ აქ ძველს
Dialogue: 0,0:02:07.66,0:02:13.02,Default,,0000,0000,0000,,და ფაილის სახლეს ვცვლი კატაზე;\Nასე მოხდა, რომ ვიცი
Dialogue: 0,0:02:13.02,0:02:16.84,Default,,0000,0000,0000,,რომ სწორედ ასეთია ხანის აკადემიაზე\Nკატის სურათის URL
Dialogue: 0,0:02:16.84,0:02:23.40,Default,,0000,0000,0000,,გამოვიდა! ძაღლები კატებად გადაიქცა და\Nჩვენი კატიფიკაცია თითქმის დასრულდა.
Dialogue: 0,0:02:23.40,0:02:30.90,Default,,0000,0000,0000,,ხედავთ კიდევ რაღაცას, რაც ძაღლებთანაა\Nკავშირში? თითქმის შეუმჩნეველია,
Dialogue: 0,0:02:30.90,0:02:36.83,Default,,0000,0000,0000,,მაგრამ რაღაც დაგვრჩა - ესაა ვიკიპედიის \Nბმული, რომელიც გადადის ძაღლების გვერდზე.
Dialogue: 0,0:02:36.83,0:02:41.45,Default,,0000,0000,0000,,და თუ მომხმარებელი გადავა ამ ბმულზე,\Nიგი მიიღებს ინფორმაციას ძაღლებზე.
Dialogue: 0,0:02:41.45,0:02:47.35,Default,,0000,0000,0000,,მე კი მინდა, რომ მან კატებზე წაიკითხოს. \Nროგორ ვიპოვო ეს ბმული JavaScript-ში?
Dialogue: 0,0:02:47.35,0:02:51.83,Default,,0000,0000,0000,,შემიძლია მივცე ამ ბმულს ID\Nდა გამოვიყენო getElementById
Dialogue: 0,0:02:51.83,0:02:57.10,Default,,0000,0000,0000,,ან შემიძლია გამოვიყენო getElementsByTagName\Nდა შევცვალო ყველა ბმული გვერდზე.
Dialogue: 0,0:02:57.10,0:02:59.41,Default,,0000,0000,0000,,ან, სუპერ-მონდომებული თუ ვარ,
Dialogue: 0,0:02:59.41,0:03:06.66,Default,,0000,0000,0000,,CSS სელექტორით შემიძლია ვიპოვო ყველა \Nის ბმული, რომელიც ძაღლებიან გვერდზე გადადის.
Dialogue: 0,0:03:06.66,0:03:11.82,Default,,0000,0000,0000,,ახლა გაჩვენებ CSS სელექტორს, რომელსაც\Nგამოვიყენებ აქ, თეგში 
Dialogue: 0,0:03:11.82,0:03:15.95,Default,,0000,0000,0000,,ეს CSS სელექტორი იპოვის ყველა ბმულს,\Nრომელიც რამე კავშირშია ძაღლებთან.
Dialogue: 0,0:03:15.95,0:03:19.32,Default,,0000,0000,0000,,პირველ რიგში უნდა ჩავწერო a,\Nიმიტომ რომ ვეძებ ბმულებს.
Dialogue: 0,0:03:19.32,0:03:26.04,Default,,0000,0000,0000,,შემდეგ კი ჩავწერ [href*="Dog"]
Dialogue: 0,0:03:26.04,0:03:31.95,Default,,0000,0000,0000,,ეს აცნობებს CSS-ს, რომ უნდა იპოვოს ყველა \Nბმული, რომელიც შეიცავს სიტყვას "Dog"
Dialogue: 0,0:03:31.95,0:03:38.17,Default,,0000,0000,0000,,შემდეგ კი შევცვალოთ მათი ფერი იასამნისფერზე.\Nმზადაა.
Dialogue: 0,0:03:38.17,0:03:43.57,Default,,0000,0000,0000,,კარგი მეთოდია, არა?\Nეს არის ატრიბუციის სელექტორი
Dialogue: 0,0:03:43.57,0:03:49.47,Default,,0000,0000,0000,,და ის ძალიან გამოსადეგია, როცა დოკუმენტში\Nსპეციფიკური რაღაცების პოვნა გინდა.
Dialogue: 0,0:03:49.47,0:03:58.04,Default,,0000,0000,0000,,ახლა ამის JavaScript-ში საპოვნად\Nშეგვიძლია გამოვიყენოთ document.querySelectorAll
Dialogue: 0,0:03:58.04,0:04:07.99,Default,,0000,0000,0000,,ვუთითებთ var linkEls = document.querySelectorAll
Dialogue: 0,0:04:07.99,0:04:12.58,Default,,0000,0000,0000,,და ვსვამთ შედეგს სელექტორში.
Dialogue: 0,0:04:12.58,0:04:22.70,Default,,0000,0000,0000,,მთავარია, ორმაგი ბრჭყალები არ დაგვრჩეს.\Nესეც ასე. კარგი ხაზი გამოვიდა.
Dialogue: 0,0:04:22.70,0:04:27.56,Default,,0000,0000,0000,,ახლა ამათშიც უნდა გავიმეოროთ ბრძანება,\Nანუ, ისევ უნდა შევქმნათ ციკლი --
Dialogue: 0,0:04:27.56,0:04:34.64,Default,,0000,0000,0000,,ალბათ, უკვე შეეჩვიე ციკლების შექმნას --
Dialogue: 0,0:04:34.64,0:04:41.64,Default,,0000,0000,0000,,ჩვენ გვინდა, რომ ყოველი ბმული შეიცვალოს\Nვიკიპედიის კატების შესახებ სტატიის ბმულით.
Dialogue: 0,0:04:41.64,0:04:45.50,Default,,0000,0000,0000,,ამისთვის ჩავწეროთ linkEls[i].href --
Dialogue: 0,0:04:45.50,0:04:50.68,Default,,0000,0000,0000,,იმიტომ რომ ეს არის იმ ატრიბუტის სახელი,\Nრომელსაც ვცვლით -- უდრის
Dialogue: 0,0:04:50.68,0:05:00.11,Default,,0000,0000,0000,,ჩავსვათ აქ ეს URL და შეცვალოთ ის კატებზე.
Dialogue: 0,0:05:00.11,0:05:04.30,Default,,0000,0000,0000,,იმიტომ რომ დარწმუნებული ვარ,\Nრომ სტატიის URL ზუსტად ეს იქნება.
Dialogue: 0,0:05:04.30,0:05:10.53,Default,,0000,0000,0000,,მორჩა, სამყაროს კატიფიკაცია დასრულებულია.
Dialogue: 0,0:05:10.53,0:05:30.53,Default,,0000,0000,0000,,მაგრამ JavaScript-ის სწავლა ჯერ არ დასრულებულა.