0:00:00.000,0:00:06.440
დავბრუნდით მე და ჩემი გვერდი ძაღლების შესახებ[br]და მე ვაპირებ გამოვიყენო JavaScript

0:00:06.440,0:00:11.888
და DOM api იმისთვის, რომ ეს გვერდი[br]კატების შესახებ გვერდად გადავაქციო.

0:00:11.888,0:00:17.464
მგონი, ამ ოთახში სპილოა და მე ვცდილობ[br]არ მივაქციო მას ყურადღება..

0:00:17.464,0:00:23.671
რეალურად, ოთახში ძაღლია, უფრო სწორად - ორი, [br]კიდევ უფრო სწორად - ძაღლების სურათებია.

0:00:23.671,0:00:29.478
კატების შესახებ გვერდზე ძაღლების სურათები [br]ვერ მექნება. უნდა ჩავანაცვლო ისინი რამით.

0:00:29.487,0:00:36.342
დავიწყოთ სურათების ძებნით. ვეძებთ[br]თეგის სახელით.

0:00:36.342,0:00:47.869
`var imageEls = [br]document.getElementsByTagName("img");`

0:00:47.869,0:00:50.668
ახლა, რადგანაც ეს ბევრ ელემენტს გვიბრუნებს,

0:00:50.668,0:00:54.725
მათ შორის ბრძანების გასამეორებლად[br]უნდა გამოვიყენოთ ციკლი for

0:00:54.725,0:01:04.427
`var i = 0; i < imageEls.length; i++`

0:01:04.427,0:01:11.456
მაგრამ რა უნდა ჩავსვა ციკლში?[br]მე ვერ შეცვლი სურათ-ელემენეტბს, თუ

0:01:11.456,0:01:18.755
ისინი იყენებენ innerHTML-ს, იმიტომ რომ[br]სურათების თეგები არ შეიცავენ innerHTML-ს.

0:01:18.755,0:01:23.796
მე უნდა შევცავლო ის, რის გამოც ამ სურათებზე[br]გამოსახულია ძაღლები --

0:01:23.796,0:01:27.176
სურათების URL , რაც განისაზღვრება

0:01:27.176,0:01:30.721
ყოველი თეგის src ატრიბუტში.

0:01:30.721,0:01:36.461
ელემენტების ატრიბუტები . ნოტაციით იცვლება.[br]მოდი, გაჩვენებ.

0:01:36.461,0:01:43.179
გადავდივართ მიმდინარე ელემენტზე, [br]ნოტაციით ფრჩხილებში, ვსვამთ წერტილს

0:01:43.179,0:01:50.653
და ვსვამთ HTML ატრიბუტის სახელს როგორც[br]JavaScript თვისების სახელს -- src -- უდრის

0:01:50.653,0:01:54.841
და აქ ვსვამთ ახალ მნიშვნელობას;[br]ჯერ ცარიელი ხაზი იყოს.

0:01:54.841,0:01:57.298
ხედავ? სურათები გაქრა.

0:01:57.298,0:02:01.672
იმიტომ რომ ცარიელი ხაზი[br]არ მიუთითებს საერთოდ არანაირ სურათზე.

0:02:01.672,0:02:07.664
იმისთვის, რომ ახალი URL ჩავსვა,[br]ვაკოპირებ აქ ძველს

0:02:07.664,0:02:13.022
და ფაილის სახლეს ვცვლი კატაზე;[br]ასე მოხდა, რომ ვიცი

0:02:13.022,0:02:16.842
რომ სწორედ ასეთია ხანის აკადემიაზე[br]კატის სურათის URL

0:02:16.842,0:02:23.404
გამოვიდა! ძაღლები კატებად გადაიქცა და[br]ჩვენი კატიფიკაცია თითქმის დასრულდა.

0:02:23.404,0:02:30.897
ხედავთ კიდევ რაღაცას, რაც ძაღლებთანაა[br]კავშირში? თითქმის შეუმჩნეველია,

0:02:30.897,0:02:36.827
მაგრამ რაღაც დაგვრჩა - ესაა ვიკიპედიის [br]ბმული, რომელიც გადადის ძაღლების გვერდზე.

0:02:36.827,0:02:41.448
და თუ მომხმარებელი გადავა ამ ბმულზე,[br]იგი მიიღებს ინფორმაციას ძაღლებზე.

0:02:41.448,0:02:47.347
მე კი მინდა, რომ მან კატებზე წაიკითხოს. [br]როგორ ვიპოვო ეს ბმული JavaScript-ში?

0:02:47.347,0:02:51.828
შემიძლია მივცე ამ ბმულს ID[br]და გამოვიყენო getElementById

0:02:51.828,0:02:57.096
ან შემიძლია გამოვიყენო getElementsByTagName[br]და შევცვალო ყველა ბმული გვერდზე.

0:02:57.096,0:02:59.414
ან, სუპერ-მონდომებული თუ ვარ,

0:02:59.414,0:03:06.657
CSS სელექტორით შემიძლია ვიპოვო ყველა [br]ის ბმული, რომელიც ძაღლებიან გვერდზე გადადის.

0:03:06.657,0:03:11.822
ახლა გაჩვენებ CSS სელექტორს, რომელსაც[br]გამოვიყენებ აქ, თეგში

0:03:11.822,0:03:15.946
ეს CSS სელექტორი იპოვის ყველა ბმულს,[br]რომელიც რამე კავშირშია ძაღლებთან.

0:03:15.946,0:03:19.325
პირველ რიგში უნდა ჩავწერო a,[br]იმიტომ რომ ვეძებ ბმულებს.

0:03:19.325,0:03:26.041
შემდეგ კი ჩავწერ [href*="Dog"]

0:03:26.041,0:03:31.950
ეს აცნობებს CSS-ს, რომ უნდა იპოვოს ყველა [br]ბმული, რომელიც შეიცავს სიტყვას "Dog"

0:03:31.950,0:03:38.166
შემდეგ კი შევცვალოთ მათი ფერი იასამნისფერზე.[br]მზადაა.

0:03:38.166,0:03:43.566
კარგი მეთოდია, არა?[br]ეს არის ატრიბუციის სელექტორი

0:03:43.566,0:03:49.467
და ის ძალიან გამოსადეგია, როცა დოკუმენტში[br]სპეციფიკური რაღაცების პოვნა გინდა.

0:03:49.467,0:03:58.041
ახლა ამის JavaScript-ში საპოვნად[br]შეგვიძლია გამოვიყენოთ document.querySelectorAll

0:03:58.041,0:04:07.992
ვუთითებთ var linkEls = document.querySelectorAll

0:04:07.992,0:04:12.580
და ვსვამთ შედეგს სელექტორში.

0:04:12.580,0:04:22.695
მთავარია, ორმაგი ბრჭყალები არ დაგვრჩეს.[br]ესეც ასე. კარგი ხაზი გამოვიდა.

0:04:22.695,0:04:27.558
ახლა ამათშიც უნდა გავიმეოროთ ბრძანება,[br]ანუ, ისევ უნდა შევქმნათ ციკლი --

0:04:27.558,0:04:34.645
ალბათ, უკვე შეეჩვიე ციკლების შექმნას --

0:04:34.645,0:04:41.642
ჩვენ გვინდა, რომ ყოველი ბმული შეიცვალოს[br]ვიკიპედიის კატების შესახებ სტატიის ბმულით.

0:04:41.642,0:04:45.501
ამისთვის ჩავწეროთ linkEls[i].href --

0:04:45.501,0:04:50.681
იმიტომ რომ ეს არის იმ ატრიბუტის სახელი,[br]რომელსაც ვცვლით -- უდრის

0:04:50.681,0:05:00.113
ჩავსვათ აქ ეს URL და შეცვალოთ ის კატებზე.

0:05:00.113,0:05:04.305
იმიტომ რომ დარწმუნებული ვარ,[br]რომ სტატიის URL ზუსტად ეს იქნება.

0:05:04.305,0:05:10.532
მორჩა, სამყაროს კატიფიკაცია დასრულებულია.

0:05:10.532,0:05:30.526
მაგრამ JavaScript-ის სწავლა ჯერ არ დასრულებულა.