>> HOPARL脰R 1: 陌ndi ki, son misal olaraq biz b蓹zi interspersed ki, xat谋rlay谋ram
M蓹nim HTML daxilind蓹 JavaScript kodu, x眉susi, d蓹y蓹ri daxilind蓹
tarixi On adl谋 atribut ki, forma tag.
陌ndi ki莽ik pages 眉莽眉n, bu Bel蓹 bir b枚y眉k deyil.
Amma bir web page uzun v蓹 daha 莽ox olur kimi kompleks, sad蓹c蓹 qoyaraq sizin
Daxilind蓹 burada v蓹 orada JavaScript kodu atributlar谋 d蓹y蓹r deyil v蓹
蓹n yax艧谋 dizayn.
Best ki amil v蓹 蓹g蓹r 蓹n az谋 daxilind蓹 qoymaq
M蓹rk蓹zl蓹艧dirilmi艧 script tag.
>> Bunu nec蓹?
Yax艧谋 m蓹nim forma tag qay谋daq v蓹 ilk bu atribut v蓹 onun silm蓹k
c蓹mi qiym蓹tl蓹ndiririk.
Sonra burada, daha 莽ox m眉蓹yy蓹n Tan谋艧ma adl谋 funksiyas谋, 眉zr蓹 asmaq bildirin
kodu x蓹ttinin ki, son n蓹tic蓹d蓹 biz h蓹l蓹 icra v蓹 蓹v蓹z etm蓹k ist蓹yir蓹m
a艧a臒谋dak谋 kimi Tan谋艧ma funksiyas谋.
Document.get Element By ID d谋rna臒谋 ba臒lamaq demo sitat -
demo, geri, unikal oldu臒u 艧蓹klind蓹 枚z眉 眉莽眉n identifikatoru -
dot 眉zr蓹 ad谋 olan xat谋rlay谋ram, t蓹qdim hadis蓹 handler olan
biz maraql谋 deyilik.
V蓹 handler t蓹qdim ki, t蓹yin ed蓹k h蓹qiq蓹t蓹n ki, d蓹y蓹ri bir
枚z眉n眉 g枚st蓹rir.
>> 陌ndi m蓹n h蓹qiq蓹t蓹n deyil蓹m ki, g枚r眉rs眉n眉z Burada bir funksiyas谋 z蓹ng.
M蓹n 蓹v蓹zin蓹 anonim m眉蓹yy蓹n edir蓹m, ba艧qa bir lambda funksiyas谋 kimi tan谋nan,
Bu q谋vr谋m a艧谋rma aras谋nda ifad蓹 ed蓹r蓹k kodu bir d蓹st蓹 laz谋md谋r ki,
h蓹qiq蓹t蓹n icra edil蓹c蓹k.
X眉susil蓹, m蓹n ist蓹diyiniz kodu icra m蓹n ki, x蓹tt
蓹vv蓹l v蓹 sonra ki 蓹lav蓹 ed蓹k bu forma deyil ki yalan qay谋tmaq
n蓹tic蓹d蓹 uzaq web son t蓹qdim 蓹n蓹n蓹vi 艧蓹kild蓹 server.
>> Indi, bu fayl谋 onu a莽maq ed蓹k bir brauzer, v蓹 n蓹 g枚rm蓹k.
http://localhost/dom-1.html.
Indi m蓹nim ad谋m谋 yaz谋n ed蓹k, David, tarixi.
V蓹 he莽 bir 艧ey 眉莽眉n g枚r眉n眉r m蓹nim s蓹hif蓹 URL g枚r眉n眉r istisna olmaqla
formu idi d蓹yi艧ib 蓹slind蓹 eyni fayl t蓹qdim.
>> 陌ndi n蓹 ola bil蓹r?
Yax艧谋 m蓹n daha 莽ox m蓹lumat laz谋md谋r.
Bel蓹 nin ir蓹li getm蓹k v蓹 Chrome-nin a莽maq Developer Tools ki, m蓹n, h蓹qiq蓹t蓹n bil蓹r
g枚rm蓹k 眉莽眉n konsol p蓹nc蓹r蓹 baxmaq M蓹n yanl谋艧 bir 艧ey varsa.
M蓹n vasit蓹sil蓹 蓹ld蓹 ed蓹 bil蓹rsiniz yollar谋 bir ne莽蓹.
Olan biri, burada bu menyu vasit蓹sil蓹 sonra Tools alt谋nda, sonra a艧a臒谋
Developer Tools.
>> V蓹 burada Console ni艧an谋 qeyd bir uncaught n枚v眉 s蓹hv bilm蓹z var
NULL t蓹qdim 蓹mlak谋n m眉蓹yy蓹n.
陌ndi n蓹 ola bil蓹r?
Yax艧谋 geri m蓹nim m蓹nb蓹 kodu burada, bildiri艧 ki, M蓹n hesab edir蓹m submit bir
kimin element 蓹mlak unikal identifikator demo edir.
Bir element, yenid蓹n, yaln谋z bir a臒ac bir node.
>> Bel蓹 ki, m蓹nim browser deyil ki, g枚r眉n眉r hesab edir蓹m ki, element
v蓹 ya node h蓹l蓹 var.
V蓹 h蓹qiq蓹t蓹n, bu deyil.
Bir web page ayr谋艧t谋r谋lan Xat谋rladaq ki, v蓹 ya oxumaq bir web browser il蓹, a艧a臒谋 top,
sa臒.
V蓹 zaman JavaScript kodu edir qar艧谋la艧d谋, ad蓹t蓹n, bu icra edir
hemen.
>> Lakin bu halda, biz h蓹tta kazan谋lm谋艧 deyil h蓹l蓹 azadl谋臒谋n h眉dudlar谋n谋 hiss蓹si,
Unikal il蓹 olan ki, forma HTML, identifikator demo elan edilmi艧dir.
V蓹 bel蓹 ki, biz h蓹yata 莽al谋艧d谋臒谋n谋z m蓹nim , Node 蓹vv蓹l JavaScript kodu h蓹tta
, 蓹lb蓹tt蓹, olan a臒ac var problemli, sonra, 艧眉bh蓹siz ki, 莽眉nki
Bu element 枚z眉 null olacaq zaman o n枚qt蓹d蓹.
>> Bel蓹 ki, nec蓹 d眉zeltmek 眉莽眉n?
Yax艧谋 biz h蓹ll蓹rinin bir ne莽蓹 var.
Amma k枚莽眉r眉lm蓹si il蓹 sad蓹 ed蓹k ba艧 m蓹nim script tag
do臒ru, x眉susil蓹 m蓹nim b蓹d蓹n tag, lakin M蓹nim sayt谋n b蓹d蓹n alt bel蓹
Bu qov艧aqlar谋n谋n a艧a臒谋da ki, v蓹 suallar.
X眉susil蓹, nin qeyd ed蓹k v蓹 k蓹sm蓹k a莽谋q tag v蓹 script 眉莽眉n yax谋n tag
v蓹 kodu ki, b眉t眉n blok k枚莽眉r眉lm蓹si burada fayl alt谋na.
>> 陌ndi bu m眉tl蓹q t蓹miz deyil dizayn, lakin 蓹n az谋 olacaq
蓹m蓹liyyatlar谋n sa臒 眉莽眉n t蓹tbiq.
Nin fayl谋 ed蓹k v蓹 m蓹nim brauzerinizin yeniden.
Nin s蓹hif蓹ni yenid蓹n bildirin, yenid蓹n giri艧 my name v蓹 orada Hello David geri edir.