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

2
00:00:00,380 --> 00:00:03,000
>> 1 SPEAKER: עכשיו שבדוגמא האחרונה,
זוכר שאנחנו ביניהם כמה

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
תג סקריפט באופן מרכזי.

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 אלמנט של id
לצטט הדגמת סוף ציטוט -

18
00:00:48,190 --> 00:00:52,410
שם הדגמה, כזכור, היא ייחודי
מזהה עבור הטופס עצמו -

19
00:00:52,410 --> 00:00:56,600
נקודה על הגשה, שזוכר הוא את השם
של המטפל באירועים שבי

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
על ידי ציון בין הסוגריים המסולסלים האלה
חבורה של קוד שצריך

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
>> בואו עכשיו להציל את הקובץ הזה, לפתוח אותו
בדפדפן, ולראות מה קורה.

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
אז בואו נלך קדימה, לפתוח את הכרום של
כלים למפתחים, כך שאני באמת יכול

39
00:01:58,700 --> 00:02:01,440
מסתכל על חלון המסוף כדי לראות
אם עשיתי משהו לא בסדר.

40
00:02:01,440 --> 00:02:03,330
אני יכול לגשת שבאמצעות
כמה דרכים.

41
00:02:03,330 --> 00:02:07,250
אחד מהם הוא באמצעות תפריט זה כאן,
לאחר מכן, תחת כלים, ולאחר מכן עד

42
00:02:07,250 --> 00:02:08,509
כלים למפתחים.

43
00:02:08,509 --> 00:02:12,890
>> ושים לב כאן בכרטיסיית המסוף,
יש טעות מסוג Uncaught, לא יכול

44
00:02:12,890 --> 00:02:15,390
להגדיר את המאפיין בהגשה של null.

45
00:02:15,390 --> 00:02:16,900
עכשיו למה שעשוי להיות?

46
00:02:16,900 --> 00:02:21,380
גם בחזרה בקוד המקור שלי כאן, הודעה
כי על submit שאני חושב הוא

47
00:02:21,380 --> 00:02:25,360
מאפיין של האלמנט ש
מזהה ייחודית היא הדגמה.

48
00:02:25,360 --> 00:02:27,810
אלמנט, שוב, הוא רק
צומת בעץ.

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
האלמנט עצמו יהיה בטל
בנקודה זו בזמן.

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
אבל בואו ננסה הפשוט ביותר על ידי העברת
תג התסריט שלי מהראש

64
00:03:07,200 --> 00:03:11,560
תג לגוף שלי, אבל באופן ספציפי, לכיוון
החלק התחתון של גופו של הדף שלי כל כך

65
00:03:11,560 --> 00:03:14,170
שזה מתחת לצומת
ושאלות.

66
00:03:14,170 --> 00:03:19,930
באופן ספציפי, בואו להדגיש ולחתוך
התג הפתוח ותג סגירה לתסריט

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
בואו לטעון מחדש את הדף, מחדש קלט את השם שלי,
ושם, שלום דוד הוא חזרה.

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