1 00:00:00,000 --> 00:00:00,380 2 00:00:00,380 --> 00:00:03,000 >> SPEAKER 1: Issa f'dak aħħar eżempju, ifakkar li aħna mxerred xi 3 00:00:03,000 --> 00:00:07,170 JavaScript kodiċi ġewwa ta HTML tiegħi, speċifikament, ġewwa tal-valur tal- 4 00:00:07,170 --> 00:00:10,460 l-attribut imsejjaħ Fuq Issottometti għal dik il-forma tag. 5 00:00:10,460 --> 00:00:12,850 Issa għall-paġni żgħar, dan mhuwiex tali big deal. 6 00:00:12,850 --> 00:00:15,950 Iżda bħala paġna web gets itwal u aktar kumpless, sempliċiment tqegħid tiegħek 7 00:00:15,950 --> 00:00:19,660 JavaScript kodiċi hawn u hemm ġewwa tal-valur ta 'attributi mhuwiex il- 8 00:00:19,660 --> 00:00:20,830 aħjar disinn. 9 00:00:20,830 --> 00:00:23,440 Aħjar jekk irridu fattur li out u inqas poġġih ġewwa ta ' 10 00:00:23,440 --> 00:00:25,200 l-tikketta iskrittura ċentralment. 11 00:00:25,200 --> 00:00:26,080 >> Kif tagħmel dan? 12 00:00:26,080 --> 00:00:30,040 Well ejja jirritornaw għall-forma tag tiegħi u ewwel tħassar dan l-attribut u l- 13 00:00:30,040 --> 00:00:31,780 valur kollox. 14 00:00:31,780 --> 00:00:35,730 Imbagħad up here, pjuttost milli jiddefinixxu funzjoni msejħa Greet, ejja tistrieħ fuq 15 00:00:35,730 --> 00:00:39,405 il-linja tal-kodiċi li finalment aħna xorta se tkun trid tesegwixxi u jissostitwixxi 16 00:00:39,405 --> 00:00:41,560 il-funzjoni Greet kif ġej. 17 00:00:41,560 --> 00:00:48,190 Document.get Element Billi ID nikkwota demo unquote - 18 00:00:48,190 --> 00:00:52,410 fejn demo, recall, huwa l-uniku identifikatur għall-forma nnifisha - 19 00:00:52,410 --> 00:00:56,600 dot fuq jippreżentaw, li tfakkar huwa l-isem tal-handler avveniment li fih 20 00:00:56,600 --> 00:00:57,710 aħna qed interessati. 21 00:00:57,710 --> 00:01:01,990 U ejja tassenja li fuq jissottometti handler il-valur li attwalment 22 00:01:01,990 --> 00:01:03,740 funzjoni hija stess. 23 00:01:03,740 --> 00:01:06,390 >> Issa avviż li jien ma attwalment sejħa funzjoni hawn. 24 00:01:06,390 --> 00:01:10,650 Jien minflok jiddefinixxi anonima, inkella magħruf bħala funzjoni lambda, 25 00:01:10,650 --> 00:01:14,100 billi tispeċifika bejn dawn braces kaboċċi mazz ta 'kodiċi li għandu 26 00:01:14,100 --> 00:01:15,490 attwalment jiġu eżegwiti. 27 00:01:15,490 --> 00:01:18,500 Speċifikament, il-kodiċi li nixtieq biex tesegwixxi hi dik il-linja li kelli 28 00:01:18,500 --> 00:01:23,370 qabel, u mbagħad ejja iżidu ma 'din ritorn falza sabiex din il-formola ma jkunx 29 00:01:23,370 --> 00:01:26,950 finalment sottomessi sat-tmiem web remoti server fil-mod tradizzjonali. 30 00:01:26,950 --> 00:01:30,345 >> Ejja issa jiffranka dan il-fajl, jiftħuh fil-browser, u tara x'jiġri. 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 Ejja issa tip fl-isem tiegħi, David, Submit. 34 00:01:43,060 --> 00:01:46,900 U xejn jidher li ġara ħlief il-URL tal-paġna tiegħi jidher li 35 00:01:46,900 --> 00:01:52,580 nbidlu billi għalkemm il-għamla kien attwalment mibgħuta lill-istess fajl. 36 00:01:52,580 --> 00:01:53,870 >> Issa għaliex jista 'jkun? 37 00:01:53,870 --> 00:01:55,340 Well I bżonn xi aktar informazzjoni. 38 00:01:55,340 --> 00:01:58,700 Mela ejja imorru quddiem u tiftaħ Chrome Developer Tools hekk li nista attwalment 39 00:01:58,700 --> 00:02:01,440 tħares lejn il-console tieqa biex tara jekk I ghamilt xi ħaġa ħażina. 40 00:02:01,440 --> 00:02:03,330 Nista 'aċċess li permezz ftit ta 'modi. 41 00:02:03,330 --> 00:02:07,250 Waħda minnhom hija permezz ta 'din menu hawn, imbagħad taħt Tools, imbagħad sa 42 00:02:07,250 --> 00:02:08,509 Developer Tools. 43 00:02:08,509 --> 00:02:12,890 >> U avviż hawn fil-tab Console, hemm żball tip mhux maqbuda, ma tistax 44 00:02:12,890 --> 00:02:15,390 stabbiliti proprjetà fuq jissottometti tal null. 45 00:02:15,390 --> 00:02:16,900 Issa għaliex jista 'jkun? 46 00:02:16,900 --> 00:02:21,380 Ukoll lura fil-kodiċi sors tiegħi hawnhekk, avviż li fuq tissottometti naħseb huwa 47 00:02:21,380 --> 00:02:25,360 proprjetà ta 'l-element li identifikatur uniku hija demo. 48 00:02:25,360 --> 00:02:27,810 Element, għal darb'oħra, huwa biss a node fil-siġra. 49 00:02:27,810 --> 00:02:30,870 >> Għalhekk jidher li browser tiegħi ma jaħsbu li dan l-element 50 00:02:30,870 --> 00:02:32,500 jew node s'issa ma teżisti. 51 00:02:32,500 --> 00:02:33,790 U fil-fatt, ma. 52 00:02:33,790 --> 00:02:37,690 Ifakkar li l-paġna web huwa parsed jew taqra minn web browser, fuq għal isfel, 53 00:02:37,690 --> 00:02:38,430 xellug għal-lemin. 54 00:02:38,430 --> 00:02:41,810 U hekk meta kodiċi JavaScript huwa jiltaqgħu magħhom, tipikament, huwa esegwit 55 00:02:41,810 --> 00:02:42,700 dritt bogħod. 56 00:02:42,700 --> 00:02:46,460 >> Iżda f'dan il-każ, aħna lanqas biss gotten għadhom għall-parti tal-dom, l- 57 00:02:46,460 --> 00:02:51,100 HTML, li fiha dik il-forma unika ta demo identifikatur ikun ġie dikjarat. 58 00:02:51,100 --> 00:02:54,320 U hekk aħna qed jippruvaw biex tesegwixxi tiegħi JavaScript kodiċi qabel dik node anki 59 00:02:54,320 --> 00:02:58,530 teżisti fil-siġra li, naturalment, huwa problematika għaliex imbagħad, żgur, 60 00:02:58,530 --> 00:03:01,390 l-element innifsu se jkun null f'dak il-mument. 61 00:03:01,390 --> 00:03:02,390 >> Allura kif jiffissaw? 62 00:03:02,390 --> 00:03:03,810 Well we jkollhom koppja ta 'soluzzjonijiet. 63 00:03:03,810 --> 00:03:07,200 Imma ejja tipprova l-aktar sempliċi billi tirrialloka tag iskrittura tiegħi mill-ras 64 00:03:07,200 --> 00:03:11,560 tag għall-ġisem tiegħi, iżda speċifikament, lejn il-qiegħ tal-ġisem paġna tiegħi hekk 65 00:03:11,560 --> 00:03:14,170 li huwa taħt il-lymph u mistoqsijiet. 66 00:03:14,170 --> 00:03:19,930 Speċifikament, ejja jenfasizzaw u maqtugħin l-tikketta miftuħa u tag qrib għall script 67 00:03:19,930 --> 00:03:24,720 u jirrilokaw li blokk kollu ta 'kodiċi għall-qiegħ tal-fajl hawn. 68 00:03:24,720 --> 00:03:27,690 >> Issa dan mhuwiex neċessarjament l-aktar indaf disinn, iżda mill-inqas se 69 00:03:27,690 --> 00:03:29,530 tinforza l-ordni dritt ta 'operazzjonijiet. 70 00:03:29,530 --> 00:03:31,495 Ejja tiffranka l-fajl u rikarigu fil-browser tiegħi. 71 00:03:31,495 --> 00:03:34,620 72 00:03:34,620 --> 00:03:40,240 Ejja rikarigu-paġna, input mill-ġdid l-isem tiegħi, u hemm, Hello David huwa lura. 73 00:03:40,240 --> 00:03:42,784