SPEAKER 1: Nüüd, et viimane näide, meelde tuletada, et me segamini mõned JavaScripti koodi sees minu HTML, Konkreetsemalt sees väärtus atribuut kutsus Avalda sel kujul tag. Nüüd väike lehekülgi, see ei ole nii suur asi. Aga kui veebilehe saab kauem ja rohkem keeruline, lihtsalt panna oma JavaScripti koodi siin ja seal sees of väärtus atribuudid ei parim disain. Parim, kui me mingi nipiga välja ja vähemalt pane see sees script tag tsentraalselt. 

Kuidas seda teha? Noh olgem tagasi oma vormi tag ja kõigepealt kustutada selle omaduse ja selle Väärtustame kokku. Siis siin pigem määratleda funktsiooni nimetatakse Greet, lähme riputada et koodirida, et lõpuks me ikka tahad täita ja asendada Teretage töötab järgmiselt. Document.get elemendi ID Tsiteerin lõppeb demo - kus demo, mäletate, on ainulaadne tunnus vormis endas - dot esitama mis meenutavad on nimi ning sündmus, mille me oleme huvitatud. Ja olgem anda, et esitab käitleja väärtus, mis on tegelikult toimida iseenesest. 

Nüüd teate, et ma ei ole tegelikult helistades funktsioon siin. Olen selle asemel määratletakse anonüümne, muidu tuntud lambda funktsiooni määrates nende vahel looksulg hunnik koodi, mis peaks tegelikult toimub. Täpsemalt kood, et ma tahaks täita on see, et rida, mis mul oli enne, ja siis lisame selle tagasi false nii, et see vorm ei ole lõpuks esitas lõppu serveri web server traditsioonilisel viisil. 

Olgem nüüd salvestada see fail, ava see brauser ja vaata, mis juhtub. http://localhost/dom-1.html. Olgem nüüd kirjuta oma nimi, David, Saada. Ja miski näib olevat juhtunud välja arvatud URL minu lehe tundub muutunud, sest kuigi vorm oli tegelikult esitada samas failis. 

Nüüd, miks see võiks olla? Noh ma vajan rohkem informatsiooni. Lähme edasi ja avada Chrome'i Developer Tools, nii et ma ei saa tegelikult vaata konsooli aknast näha kas ma olen midagi valesti teinud. Ma ei pääse, et läbi paar võimalust. Üks, mis on läbi selle menüü siia seejärel Tööriistad, siis alla Developer Tools. 

Ja teate siin Console tab, seal uncaught tüüp viga, ei saa omaduse kohta esitada null. Nüüd, miks see võiks olla? Well tagasi minu lähtekoodi siin, teate et submit minu arvates on vara element, mille kordumatu tunnus on demo. Element, jälle on lihtsalt sõlme puu. 

Nii tundub, et minu brauser ei toeta arvan, et see element või sõlme veel olemas. Ja tõepoolest, see ei ole. Tuletame meelde, et veebileht on sõeluda või lugeda veebibrauser, ülevalt alla, vasakult paremale. Ja nii, kui JavaScript kood on tekkinud, Tavaliselt on see täide kohe. 

Aga sel juhul, me pole isegi saanud veel osa dom, HTML, kus sellisel kujul ainulaadne tunnus demo on kuulutatud. Ja nii me püüame täita oma JavaScripti koodi enne sõlme isegi olemas puu, mis on loomulikult problemaatiline, sest siis kindlasti, element ise on null sel ajahetkel. 

Niisiis, kuidas määrata? Noh meil on paar lahendusi. Aga proovime lihtsaim asustades minu script tag juhilt tag mu keha, kuid konkreetselt suunas alt mu lehe keha nii et see on madalam sõlmede ja küsimusi. Täpsemalt olgem esile ja lõigata avatud tag ja sulgemissildi script ja ümber, et kogu ploki kood Lisa põhja pilt siin. 

Nüüd ei ole see tingimata puhtaima kujundada, kuid vähemalt see tahe õiguse tagamiseks, et toiminguid. Olgem faili salvestada ja laadida oma brauserit. Olgem asendusostu lehekülge uuesti sisestada oma nimi, ja seal, Hello David on tagasi.