>> SPEAKER 1: Issa f'dak aħħar eżempju, ifakkar li aħna mxerred xi
JavaScript kodiċi ġewwa ta HTML tiegħi, speċifikament, ġewwa tal-valur tal-
l-attribut imsejjaħ Fuq Issottometti għal dik il-forma tag.
Issa għall-paġni żgħar, dan mhuwiex tali big deal.
Iżda bħala paġna web gets itwal u aktar kumpless, sempliċiment tqegħid tiegħek
JavaScript kodiċi hawn u hemm ġewwa tal-valur ta 'attributi mhuwiex il-
aħjar disinn.
Aħjar jekk irridu fattur li out u inqas poġġih ġewwa ta '
l-tikketta iskrittura ċentralment.
>> Kif tagħmel dan?
Well ejja jirritornaw għall-forma tag tiegħi u ewwel tħassar dan l-attribut u l-
valur kollox.
Imbagħad up here, pjuttost milli jiddefinixxu funzjoni msejħa Greet, ejja tistrieħ fuq
il-linja tal-kodiċi li finalment aħna xorta se tkun trid tesegwixxi u jissostitwixxi
il-funzjoni Greet kif ġej.
Document.get Element Billi ID nikkwota demo unquote -
fejn demo, recall, huwa l-uniku identifikatur għall-forma nnifisha -
dot fuq jippreżentaw, li tfakkar huwa l-isem tal-handler avveniment li fih
aħna qed interessati.
U ejja tassenja li fuq jissottometti handler il-valur li attwalment
funzjoni hija stess.
>> Issa avviż li jien ma attwalment sejħa funzjoni hawn.
Jien minflok jiddefinixxi anonima, inkella magħruf bħala funzjoni lambda,
billi tispeċifika bejn dawn braces kaboċċi mazz ta 'kodiċi li għandu
attwalment jiġu eżegwiti.
Speċifikament, il-kodiċi li nixtieq biex tesegwixxi hi dik il-linja li kelli
qabel, u mbagħad ejja iżidu ma 'din ritorn falza sabiex din il-formola ma jkunx
finalment sottomessi sat-tmiem web remoti server fil-mod tradizzjonali.
>> Ejja issa jiffranka dan il-fajl, jiftħuh fil-browser, u tara x'jiġri.
http://localhost/dom-1.html.
Ejja issa tip fl-isem tiegħi, David, Submit.
U xejn jidher li ġara ħlief il-URL tal-paġna tiegħi jidher li
nbidlu billi għalkemm il-għamla kien attwalment mibgħuta lill-istess fajl.
>> Issa għaliex jista 'jkun?
Well I bżonn xi aktar informazzjoni.
Mela ejja imorru quddiem u tiftaħ Chrome Developer Tools hekk li nista attwalment
tħares lejn il-console tieqa biex tara jekk I ghamilt xi ħaġa ħażina.
Nista 'aċċess li permezz ftit ta 'modi.
Waħda minnhom hija permezz ta 'din menu hawn, imbagħad taħt Tools, imbagħad sa
Developer Tools.
>> U avviż hawn fil-tab Console, hemm żball tip mhux maqbuda, ma tistax
stabbiliti proprjetà fuq jissottometti tal null.
Issa għaliex jista 'jkun?
Ukoll lura fil-kodiċi sors tiegħi hawnhekk, avviż li fuq tissottometti naħseb huwa
proprjetà ta 'l-element li identifikatur uniku hija demo.
Element, għal darb'oħra, huwa biss a node fil-siġra.
>> Għalhekk jidher li browser tiegħi ma jaħsbu li dan l-element
jew node s'issa ma teżisti.
U fil-fatt, ma.
Ifakkar li l-paġna web huwa parsed jew taqra minn web browser, fuq għal isfel,
xellug għal-lemin.
U hekk meta kodiċi JavaScript huwa jiltaqgħu magħhom, tipikament, huwa esegwit
dritt bogħod.
>> Iżda f'dan il-każ, aħna lanqas biss gotten għadhom għall-parti tal-dom, l-
HTML, li fiha dik il-forma unika ta demo identifikatur ikun ġie dikjarat.
U hekk aħna qed jippruvaw biex tesegwixxi tiegħi JavaScript kodiċi qabel dik node anki
teżisti fil-siġra li, naturalment, huwa problematika għaliex imbagħad, żgur,
l-element innifsu se jkun null f'dak il-mument.
>> Allura kif jiffissaw?
Well we jkollhom koppja ta 'soluzzjonijiet.
Imma ejja tipprova l-aktar sempliċi billi tirrialloka tag iskrittura tiegħi mill-ras
tag għall-ġisem tiegħi, iżda speċifikament, lejn il-qiegħ tal-ġisem paġna tiegħi hekk
li huwa taħt il-lymph u mistoqsijiet.
Speċifikament, ejja jenfasizzaw u maqtugħin l-tikketta miftuħa u tag qrib għall script
u jirrilokaw li blokk kollu ta 'kodiċi għall-qiegħ tal-fajl hawn.
>> Issa dan mhuwiex neċessarjament l-aktar indaf disinn, iżda mill-inqas se
tinforza l-ordni dritt ta 'operazzjonijiet.
Ejja tiffranka l-fajl u rikarigu fil-browser tiegħi.
Ejja rikarigu-paġna, input mill-ġdid l-isem tiegħi, u hemm, Hello David huwa lura.