0:00:00.000,0:00:07.380
მოცემული გვაქვს ეს ვებ გვერდი[br]"All about dogs". ეს მშვენიერია, მაგრამ

0:00:07.387,0:00:12.583
მე უფრო კატები მომწონს. ვიცი ყველა[br]არ დამეთანხმება. მე მინდა

0:00:12.583,0:00:17.178
გადავაკეთო ეს ვებგვერდი[br]"All about cats"-ად.

0:00:17.178,0:00:23.267
მე გამოვიყენებ ჯავასკრიპტს ამისათვის,[br]HTML-ის მაგივრად.

0:00:23.267,0:00:26.431
შესაძლოა ასევე გადავაქციო ეს გვერდი[br]ბრაუზერის გაფართოებად, რომ

0:00:26.431,0:00:32.096
ყველა ვებ გვერდი გადავაკეთო.

0:00:32.096,0:00:37.450
არ იქნება ეს საოცარი?[br]მთელი ინტერნეტი მხოლოდ კატების შესახებ.

0:00:37.450,0:00:44.761
ამ ვებ გვერდს აქვს სათაური, აბზაცი[br]და რამდენიმე სურათი.

0:00:44.761,0:00:50.340
ჩვენ შევცვლით ყოველ მათგანს და[br]დავიწყებთ სათაურით.

0:00:50.340,0:00:53.909
გამოვიყენებთ იმ ორ ნაბიჯს,[br]რომელიც ახლა ვისწავლეთ.

0:00:53.909,0:00:59.268
პირველი ნაბიჯია DOM-ის იმ ბმულის[br]პოვნა რომელიც შეიცავს სათაურს.

0:00:59.268,0:01:06.895
აქამდე DOM-ს ვპუოლობდით[br]document.body-ს გამოყენებით.

0:01:06.895,0:01:12.492
მაგრამ ახლა მინდა უფრო სპეციფიურად[br]გავაკეთო, მინდა მხოლოდ ეს h1.

0:01:12.492,0:01:14.700
ამ h1-ს აქვს ID.

0:01:14.700,0:01:19.743
რაც ნიშნავს, ის ერთადერთი თეგია[br]ამ ID-თი ვებ გვერდზე.

0:01:19.743,0:01:24.980
ძალიან მარტივია DOM კვანძის პოვნა,[br]რომელსაც აქვს ეს ID.

0:01:24.980,0:01:30.342
მეთოდი დოკუმენტ ობიექტზე, რომელსაც[br]getElementById ეწოდება.

0:01:30.342,0:01:33.198
მოდი, გამოვიყენოთ იგი [br]-ის თეგზე.

0:01:33.198,0:01:38.527
დავიწყოთ ცვლადის შექმნით და დავარქვათ[br]მას შესაბამისი სახელი 'var headinEl'.

0:01:38.527,0:01:42.299
ცვლადების სახელებს ხშირად ვამთავრებ[br]El-ით ან Node-ით. იმიტომ, რომ

0:01:42.299,0:01:47.390
ვიცოდე რომ ისინი ინახავენ ელემნტს,[br]რომელსაც ასევე ვუწოდებთ კვანძს.

0:01:47.390,0:01:52.743
ახლა გამოვიყენოთ მეთოდი. ეს არის მეთოდი,[br]რომელიც უკავშირდება გლობალურ

0:01:52.743,0:01:58.964
დოკუმენტ ობიექტს. დავწეროთ 'document' ,[br]შემდეგ მძიმე, შემდეგ კი 'getElementById' ,

0:01:58.964,0:02:04.753
შემდეგ კვადრატული ფრჩხილები, იმიტომ, რომ[br]ფუნქციაა. სხვანაირად ვერ იპოვის.

0:02:04.753,0:02:07.733
მან არ იცის, თუ რომელ ID-ს ეძებს.

0:02:07.733,0:02:12.011
ფრჩხილებში უნდა მივუთითოთ ID,[br]რომელსაც ვეძებთ, სტრინგად.

0:02:12.011,0:02:21.354
ეს არის 'heading'.

0:02:21.354,0:02:24.098
საიდან ვიცით ვიპოვეთ თუ არა ელემენტი

0:02:24.098,0:02:26.537
იქამდე სანამ ვცდით მის გამოყენებას?

0:02:26.537,0:02:31.770
ერთი ხერხია console.log ფუნქციის[br]გამოყენება.

0:02:31.770,0:02:36.202
ახლა შეგიძლიათ დააპაუზოთ და გახსნათ[br]თქვენი დეველოპერის ინსტრუმენტები.

0:02:36.202,0:02:40.896
სცადეთ კლავიატურის command-option-i[br]მაკზე,

0:02:40.896,0:02:48.029
ან contorl-shift-i უინდოუსზე.

0:02:48.029,0:02:54.833
შემაჩნიეთ რომ h1 გამოვიდა თქვენი[br]კონსოლიდან? თუ ასეა, ეს ნიშნავს, რომ

0:02:54.833,0:03:00.255
თქვენი პირველი ნაბიჯი დასრულებულია. ჩვენ[br]ვიპოვეთ ელემენტი და შევინახეთ ის ცვლადად.

0:03:00.255,0:03:06.359
მეორე ნაბიჯით, შევცვალოთ ელემენტი[br]იმ ხერხის გამოყენებით რომელიც უკვე ვიცით.

0:03:06.359,0:03:10.679
შინგანი HTML-ის შეცვლით.[br]ანუ, უნდა დავწეროთ

0:03:10.679,0:03:22.727
'headingEl.innerHTML= All about cats '

0:03:22.727,0:03:26.655
და ჩვენც დავიწყეთ, კატიფიკაცია[br]დაწყებულია.

0:03:26.655,0:03:32.320
ახლა, თქვენ სცადეთ[br]რაიმე მსგავსის გაკეთება.