SIARADWR 1: Nawr yn y enghraifft olaf, dwyn i gof bod yn gymysg rhai JavaScript cod tu mewn fy HTML, yn benodol, y tu mewn o werth y priodoledd a elwir Ar Cyflwyno ar gyfer y ffurf tag. Yn awr ar gyfer tudalennau bach, mae hyn yn Nid yw mor bwysig â hynny. Ond fel tudalen ar y we yn mynd yn hirach ac yn fwy gymhleth, yn syml roi eich JavaScript cod yma ac acw y tu mewn o beidio â gwerth o nodweddion yw'r dyluniad gorau. Orau os ydym yn ffactor hynny allan a o leiaf roi y tu mewn o y tag sgript yn ganolog. 

Sut i wneud hyn? Wel gadewch i ni ddychwelyd at fy ffurflen tag a yn gyntaf dileu priodoledd hwn a'i gwerthfawrogi yn gyfan gwbl. Yna i fyny yma, yn hytrach na diffinio swyddogaeth o'r enw Cyfarch, gadewch i hongian ar i'r llinell o god yn y pen draw ni Bydd yn dal yn awyddus i weithredu a rhoi yn ei le y swyddogaeth cyfarch fel a ganlyn. Document.get Elfen Erbyn ID Dyfynnwch demo unquote - lle y demo, galw i gof, yn unigryw dynodwr ar gyfer y ffurflen ei hun - dot ar gyflwyno, sy'n dwyn i gof yn yr enw y triniwr ddigwyddiad lle rydym yn diddordeb. A gadewch i ni neilltuo hynny ar gyflwyno trin y gwerth mewn gwirionedd weithredu ei hun. 

Nawr yn sylwi nad wyf mewn gwirionedd yn yn galw swyddogaeth yma. Im 'yn lle hynny diffinio dienw, elwir fel arall yn swyddogaeth lamda, drwy bennu rhwng braces cyrliog hyn criw o god y dylai mewn gwirionedd yn cael ei weithredu. Yn benodol, y cod y byddwn i'n hoffi i weithredu yw bod llinell fy mod wedi o'r blaen, ac yna gadewch i ni ychwanegu at y dychwelyd ffug fel na ffurflen hon yn gyflwyno yn y pen draw i roi terfyn ar y we o bell gweinydd yn y ffordd draddodiadol. 

Gadewch i ni yn awr yn arbed y ffeil, agor i fyny mewn porwr, a gweld beth sy'n digwydd. http://localhost/dom-1.html. Gadewch i ni yn awr deipio yn fy enw i, David, Cyflwyno. A dim byd pe bai wedi digwydd ac eithrio URL fy dudalen yn ymddangos i wedi newid fel bod y ffurflen yn gyflwyno mewn gwirionedd i'r un ffeil. 

Nawr, beth allai fod? Wel angen rhagor o wybodaeth arnaf. Felly, gadewch i ni fynd yn ei flaen ac yn agor i fyny Chrome yn Offer Datblygwr er mwyn i mi mewn gwirionedd yn gallu edrych ar y ffenestr consol i weld os ydw i wedi gwneud rhywbeth o'i le. Gallaf gael gafael ar hynny drwy cwpl o ffyrdd. Un o'r rhain yw trwy ddewislen hon yma, yna o dan Tools, yna i lawr i Offer datblygwr. 

Ac yn sylwi yma yn y tab Consol, mae 'na gwall math uncaught, ni all gosod eiddo ar gyflwyno o null. Nawr, beth allai fod? Wel, yn ôl yn fy cod ffynhonnell yma, rhybudd hynny ar gyflwyno fy marn i eiddo i'r elfen y mae eu dynodwr unigryw yw demo. Elfen, unwaith eto, yn unig yn nod mewn coeden. 

Felly, mae'n ymddangos nad yw fy porwr yn yn credu bod yr elfen honno neu nod yn bodoli eto. Ac yn wir, nid yw'n. Dwyn i gof bod tudalen ar y we yn cael ei parsed neu ddarllen gan borwr gwe, top i'r gwaelod, chwith i'r dde. Ac felly pan cod JavaScript dod ar eu traws, fel arfer, mae'n cael ei gyflawni ar unwaith. 

Ond yn yr achos hwn, nid ydym wedi gotten hyd yn oed eto y rhan o'r dom, y HTML, lle y ffurflen gyda unigryw demo dynodwr wedi cael ei ddatgan. Ac felly rydym yn ceisio i weithredu fy JavaScript cod i mewn cyn y nod, hyd yn oed yn bodoli yn y goeden sydd, wrth gwrs, yw broblematig oherwydd wedyn, yn sicr, bydd yr elfen hun yn null ar yr adeg honno. 

Felly, sut i drwsio? Wel mae gennym gwpl o atebion. Ond gadewch i ni roi cynnig ar y symlaf drwy adleoli fy tag sgript gan y pennaeth tagio i fy nghorff, ond yn benodol, tuag at waelod y corff fy dudalen fel eu ei fod yn is na'r nodau a chwestiynau. Yn benodol, gadewch i ni amlygu a thorri y tag agored a dag cau'r sgript a symud y bloc cyfan o god i waelod y ffeil yma. 

Yn awr nid yw hyn o reidrwydd yw'r glanaf dylunio, ond o leiaf bydd yn orfodi'r gorchymyn cywir o weithrediadau. Gadewch i arbed y ffeil a ail-lwytho yn fy porwr. Gadewch i ni ail-lwytho y dudalen, ail-mewnbwn fy enw, ac yno, Helo David yn ei ôl.