1
00:00:00,000 --> 00:00:00,380

2
00:00:00,380 --> 00:00:03,000
>> დინამიკები 1: ახლა რომ გასულ მაგალითად,
გავიხსენოთ, რომ ჩვენ interspersed რამდენიმე

3
00:00:03,000 --> 00:00:07,170
JavaScript კოდი შიგნით ჩემი HTML,
კერძოდ, შიგნით ღირებულება

4
00:00:07,170 --> 00:00:10,460
ატრიბუტი მოუწოდა შეტანა
რომ ფორმა აქვს.

5
00:00:10,460 --> 00:00:12,850
ახლა პატარა გვერდებზე, ამ
არ არის ისეთი დიდი გარიგება.

6
00:00:12,850 --> 00:00:15,950
მაგრამ, როგორც ვებ გვერდზე იღებს უფრო და უფრო
რთული, უბრალოდ აყენებს თქვენი

7
00:00:15,950 --> 00:00:19,660
JavaScript კოდი აქ და იქ შიგნით
ღირებულების ატრიბუტები არ არის

8
00:00:19,660 --> 00:00:20,830
საუკეთესო დიზაინი.

9
00:00:20,830 --> 00:00:23,440
საუკეთესო თუ ჩვენ ფაქტორი, რომ გარეთ და
მინიმუმ დააყენოს ის შიგნით

10
00:00:23,440 --> 00:00:25,200
სცენარი tag ცენტრალიზებული.

11
00:00:25,200 --> 00:00:26,080
>> როგორ გავაკეთოთ ეს?

12
00:00:26,080 --> 00:00:30,040
ისე დავუბრუნდეთ ჩემი ფორმა აქვს და
პირველი წაშლა ამ ატრიბუტის და მისი

13
00:00:30,040 --> 00:00:31,780
ვაფასებთ საერთოდ.

14
00:00:31,780 --> 00:00:35,730
მაშინ აქ, ვიდრე განსაზღვრავს
ფუნქცია მოუწოდა გაცილება, მოდით გათიშეთ

15
00:00:35,730 --> 00:00:39,405
ხაზი კოდი, რომ საბოლოო ჯამში ჩვენ
მაინც მინდა, რომ შეასრულოს და შეცვალოს

16
00:00:39,405 --> 00:00:41,560
გაცილება ფუნქცია შემდეგნაირად.

17
00:00:41,560 --> 00:00:48,190
Document.get Element By ID
ციტირებით unquote დემო -

18
00:00:48,190 --> 00:00:52,410
სადაც დემო, გაწვევას, არის უნიკალური
იდენტიფიკატორი სახით თავად -

19
00:00:52,410 --> 00:00:56,600
dot on წარუდგინოს, რომელიც გაწვევას არის სახელი
ღონისძიების კურატორმა, რომელშიც

20
00:00:56,600 --> 00:00:57,710
ჩვენ დაინტერესებული.

21
00:00:57,710 --> 00:01:01,990
და მოდით მივანიჭოთ, რომ წარმოადგინოს კურატორმა
ღირებულება, რომელიც რეალურად

22
00:01:01,990 --> 00:01:03,740
ფუნქცია თავად.

23
00:01:03,740 --> 00:01:06,390
>> ახლა შეამჩნია, რომ მე რეალურად არ
მოუწოდებენ ფუნქცია აქ.

24
00:01:06,390 --> 00:01:10,650
მე ნაცვლად განსაზღვრავს ანონიმური,
სხვაგვარად ცნობილია როგორც ლამბდა ფუნქცია,

25
00:01:10,650 --> 00:01:14,100
განსაზღვრით შორის curly აფრთხილებს
bunch of კოდი, რომელიც უნდა

26
00:01:14,100 --> 00:01:15,490
რეალურად იყოს შესრულებული.

27
00:01:15,490 --> 00:01:18,500
კერძოდ, კოდი, რომელიც მინდა
შეასრულოს ის არის, რომ ხაზი, რომ მე მქონდა

28
00:01:18,500 --> 00:01:23,370
ადრე, და მაშინ მოდით დავამატოთ, რომ
დაბრუნების ცრუ ისე, რომ ეს ფორმა არ არის

29
00:01:23,370 --> 00:01:26,950
საბოლოო ჯამში, წარმოდგენილი უნდა დამთავრდეს დისტანციური ვებგვერდი
სერვერზე ტრადიციული გზა.

30
00:01:26,950 --> 00:01:30,345
>> მოდით ახლა გადარჩენა ამ ფაილის გასახსნელად up
ბრაუზერში, და ვნახოთ, რა მოხდება.

31
00:01:30,345 --> 00:01:33,050

32
00:01:33,050 --> 00:01:39,800
http://localhost/dom-1.html.

33
00:01:39,800 --> 00:01:43,060
მოდით ახლა აკრიფოთ ჩემი სახელით,
დავით, წარადგინეთ.

34
00:01:43,060 --> 00:01:46,900
და არაფერი ჩანს, რომ არ მოხდა
გარდა URL ჩემი გვერდი, როგორც ჩანს,

35
00:01:46,900 --> 00:01:52,580
შეიცვალა, თითქოს ფორმა იყო
რეალურად წარმოდგენილი იგივე ფაილი.

36
00:01:52,580 --> 00:01:53,870
>> ახლა რატომ შეიძლება რომ იყოს?

37
00:01:53,870 --> 00:01:55,340
ასევე მჭირდება კიდევ რამდენიმე ინფორმაციას.

38
00:01:55,340 --> 00:01:58,700
მოდით წავიდეთ წინ და ქმნის Chrome-ს
შემქმნელი ინსტრუმენტები ისე, რომ მე შეიძლება რეალურად

39
00:01:58,700 --> 00:02:01,440
შევხედოთ კონსოლის ფანჯარა
თუ მე ვაკეთებ რაღაც.

40
00:02:01,440 --> 00:02:03,330
მე შეგიძლიათ თქვათ, რომ via
რამდენიმე გზა.

41
00:02:03,330 --> 00:02:07,250
რომელთაგან ერთი მეშვეობით მენიუში აქ,
მაშინ ფარგლებში ინსტრუმენტები, მაშინ ქვემოთ

42
00:02:07,250 --> 00:02:08,509
Developer Tools.

43
00:02:08,509 --> 00:02:12,890
>> და შენიშნავს, აქ Console tab,
არსებობს uncaught ტიპის შეცდომა, ვერ

44
00:02:12,890 --> 00:02:15,390
მითითებული ქონების წარუდგინოს of null.

45
00:02:15,390 --> 00:02:16,900
ახლა რატომ შეიძლება რომ იყოს?

46
00:02:16,900 --> 00:02:21,380
ისევე უკან ჩემი კოდის აქ, ცნობა
რომ წარმოადგინონ ვფიქრობ არის

47
00:02:21,380 --> 00:02:25,360
ქონების ელემენტს, რომლის
უნიკალური იდენტიფიკატორი არის დემო.

48
00:02:25,360 --> 00:02:27,810
ელემენტს, კიდევ ერთხელ, მხოლოდ
კვანძის in ხე.

49
00:02:27,810 --> 00:02:30,870
>> გამოდის, რომ ჩემს ბრაუზერში არ
ვფიქრობ, რომ ელემენტს

50
00:02:30,870 --> 00:02:32,500
ან კვანძის არსებობს ამჟამად.

51
00:02:32,500 --> 00:02:33,790
და მართლაც, ეს არ.

52
00:02:33,790 --> 00:02:37,690
შეგახსენებთ, რომ ვებ გვერდი გაანალიზება ან წაკითხული
მიერ ბრაუზერში, ყველაზე ქვედა,

53
00:02:37,690 --> 00:02:38,430
მარცხნიდან მარჯვნივ.

54
00:02:38,430 --> 00:02:41,810
და ამრიგად, როდესაც JavaScript კოდია
გვხვდება, როგორც წესი, ის სიკვდილით დასაჯეს

55
00:02:41,810 --> 00:02:42,700
დაუყოვნებლივ.

56
00:02:42,700 --> 00:02:46,460
>> მაგრამ ამ შემთხვევაში, ჩვენ კი არ მიღებული
ჯერ ნაწილი dom,

57
00:02:46,460 --> 00:02:51,100
HTML, რომელიც ამ ფორმით უნიკალური
იდენტიფიკატორი დემო გამოცხადდა.

58
00:02:51,100 --> 00:02:54,320
და ამიტომ ჩვენ ვცდილობთ, რათა შესრულდეს ჩემი
JavaScript კოდი მანამდე კვანძის კი

59
00:02:54,320 --> 00:02:58,530
არსებობს ხე, რომელიც, რა თქმა უნდა,
პრობლემატურია, რადგან მაშინ, რა თქმა უნდა,

60
00:02:58,530 --> 00:03:01,390
ელემენტის თავად იქნება null
იმ მომენტში.

61
00:03:01,390 --> 00:03:02,390
>> ასე რომ, თუ როგორ უნდა დააფიქსიროს?

62
00:03:02,390 --> 00:03:03,810
ასევე ჩვენ გვაქვს რამდენიმე გადაწყვეტილებები.

63
00:03:03,810 --> 00:03:07,200
მაგრამ მოდით ცდილობენ მარტივი by გადაადგილდებიან
ჩემი script tag ხელმძღვანელი

64
00:03:07,200 --> 00:03:11,560
tag ჩემი სხეული, მაგრამ კონკრეტულად, მიმართ
ბოლოში ჩემი გვერდი სხეული ისე

65
00:03:11,560 --> 00:03:14,170
რომ ეს არის ქვემოთ კვანძების
და შეკითხვები.

66
00:03:14,170 --> 00:03:19,930
კერძოდ, მოდით ხაზი გავუსვა და დაჭრილი
ღია tag და ჭდის script

67
00:03:19,930 --> 00:03:24,720
და გადატანა, რომ მთელი ბლოკი კოდი
ბოლოში ფაილი აქ.

68
00:03:24,720 --> 00:03:27,690
>> ახლა ეს არ არის აუცილებლად სუფთა
დიზაინი, მაგრამ მაინც ეს

69
00:03:27,690 --> 00:03:29,530
აღასრულოს უფლება ბრძანებით ოპერაციებში.

70
00:03:29,530 --> 00:03:31,495
გადავარჩინოთ ფაილი და
განაახლეთ ჩემს ბრაუზერში.

71
00:03:31,495 --> 00:03:34,620

72
00:03:34,620 --> 00:03:40,240
მოდით განაახლეთ გვერდი, ხელახლა შეყვანა ჩემი სახელით,
და იქ, Hello David დაბრუნდა.

73
00:03:40,240 --> 00:03:42,784