اسپیکر 1: اب، کہ گزشتہ مثال میں ہم نے کچھ interspersed رہے یاد ہے کہ اپنے HTML کے اندر جاوا سکرپٹ کے کوڈ، خاص طور پر، کی قیمت کے اندر جمع کرائیں ملاقات وصف اس فارم ٹیگ کے لئے. اب چھوٹے چھوٹے صفحات کے لئے، اس اتنا بڑا سودا نہیں ہے. لیکن ایک ویب کے صفحے کے اب اور زیادہ ہو جاتا ہے کے طور پر پیچیدہ، صرف ڈال آپ اندر یہاں اور وہاں جاوا سکرپٹ کے کوڈ صفات کی قدر نہیں ہے سب سے بہترین ڈیزائن. ڈاؤن لوڈ، اتارنا ہے کہ ہم اس فیکٹر اور اگر کم از کم کے اندر ڈال دیا مرکزی سکرپٹ ٹیگ. 

ایسا کرنے کے لئے کس طرح؟ چلو اپنے فارم ٹیگ پر واپس دو اور سب سے پہلے اس وصف اور اس کو خارج کر دیں مکمل طور پر قدر. پھر یہاں، کی بجائے ایک وضاحت ہیلو کہا جاتا تقریب، پر پھانسی پر لٹکا دو کوڈ کے مطابق ہے کہ بالآخر ہم اب بھی پھانسی اور تبدیل کرنے کے لئے چاہتے ہیں مندرجہ ذیل ہیلو تقریب. Document.get عنصر کی طرف سے کی شناخت unquote جو ڈیمو اقتباس - ڈیمو، یاد، منفرد ہے جہاں فارم خود کے لئے شناخت - ڈاٹ نام ہے جو یاد، پیش ایونٹ ہینڈلر کی جس میں ہم دلچسپی رکھتے ہیں. اور کی ہینڈلر جمع اس پر تفویض اصل میں اس کی قیمت ایک خود کام. 

اب میں اصل نہیں ہوں کہ نوٹس یہاں ایک تقریب کو بلا. میں بجائے ایک گمنام وضاحت کر رہا ہوں، دوسری صورت میں ایک لامڈا تقریب کے طور پر جانا جاتا ہے، ان گھوبگھرالی منحنی خطوط وحدانی کے درمیان وضاحت کی طرف سے کوڈ کا ایک گروپ ہے کہ کرنا چاہئے اصل میں پھانسی دے دی جائے. خاص طور پر، میں چاہوں گا کہ کوڈ پر عمل کرنے میں تھا کہ لائن ہے اس سے پہلے، اور پھر اس پر شامل کریں اس فارم نہیں ہے تو جھوٹے واپس بالآخر ریموٹ ویب کو ختم کرنے کے لئے پیش روایتی راستے میں سرور. 

اب، اس فائل کو بچانے اسے کھول دو ایک براؤزر میں، اور دیکھتے ہیں کیا ہوتا. http://localhost/dom-1.html. اب میرا نام میں ٹائپ کریں، ڈیوڈ، جمع کرائیں. اور کچھ نہیں ہوا ہے ظاہر ہوتا ہے اپنے صفحے کے یو آر ایل کے لئے لگتا ہے سوائے فارم تھا کے طور پر تبدیل کر دیا ہے اصل میں ایک ہی فائل کو پیش کی. 

اب یہی وجہ ہے کہ ہو سکتا ہے؟ ویسے میں کچھ اور معلومات کی ضرورت ہے. تو آگے بڑھو اور کروم کی کھل ڈیولپر کے اوزار تاکہ میں اصل میں کر سکتے ہیں دیکھنے کے لئے کنسول ونڈو میں نظر آتے ہیں میں نے کچھ غلط کیا ہے تو. میں کے ذریعے تک رسائی کر سکتے ہیں طریقوں کے ایک جوڑے. جن میں سے ایک، یہاں یہ مینو کے ذریعے ہے پھر، فورم کے اوزار کے تحت، اس کے بعد نیچے ڈیولپر کے اوزار. 

اور، یہاں کنسول کے ٹیب نوٹس ایک uncaught قسم کی غلطی، نہیں کر سکتے ہیں ہے شہوت انگیز null کی جمع پر پراپرٹی مقرر. اب یہی وجہ ہے کہ ہو سکتا ہے؟ اچھی طرح اپنے منبع کوڈ میں، نوٹس اس پر مجھے لگتا ہے کہ جمع کروانا ایک جن کے عنصر کی ملکیت منفرد شناخت ڈیمو ہے. ایک عنصر، پھر، صرف ہے ایک درخت میں ایک نوڈ. 

تو یہ اپنے براؤزر نہیں ہے ظاہر ہوتا ہے کہ لگتا ہے کہ اس عنصر یا نوڈ ابھی تک موجود ہے. اور یقینا، ایسا نہیں ہوتا ہے. ایک ویب کے صفحے تجزیہ ہے کہ یاد یا پڑھ ایک ویب براؤزر کی طرف سے، اوپر سے نیچے، بائیں سے دائیں. اور اس طرح جب جاوا سکرپٹ کے کوڈ ہے کا سامنا کرنا پڑا، عام طور پر، یہ قتل ہے فورا. 

لیکن اس معاملے میں، ہم بھی نہیں ملا ہے ابھی ڈوم کا حصہ، ایک منفرد کے ساتھ، جس میں اس فارم ایچ ٹی ایم ایل، شناخت ڈیمو اعلان کیا گیا ہے. اور اس طرح ہم پر عمل کرنے کی کوشش کر رہے ہیں میرے اس نوڈ سے پہلے جاوا سکرپٹ کے کوڈ بھی ، کورس کے، ہے جو درخت میں موجود ہے مشکلات، تو، ضرور، کیونکہ عنصر خود، شہوت انگیز null ہو جائے گا وقت میں اس نقطہ پر. 

تو کس طرح ٹھیک کرنے کے لئے؟ ویسے ہم حل کی ایک جوڑے کی ہے. لیکن منتقل کی طرف سے آسان کرنے کی کوشش کریں سر سے اپنے سکرپٹ ٹیگ کی طرف، خاص طور پر اپنے جسم کے ٹیگ، لیکن اپنے صفحے کے جسم کے نیچے تو یہ مراکز ذیل ہے اور سوالات. خاص طور پر، کی اہمیت کو اجاگر کرتے ہیں اور کاٹ کھلی ٹیگ اور سکرپٹ کے لیے بند ٹیگ اور کوڈ کے اس پورے بلاک میں منتقل یہاں فائل کے سب سے نیچے. 

اب یہ ضروری صاف نہیں ہے ڈیزائن، لیکن کم از کم یہ ہو گا کارروائیوں کی صحیح ترتیب کو نافذ. کی فائل کو بچانے کے دو اور اپنے براؤزر میں دوبارہ لوڈ کریں. کے صفحہ دوبارہ لوڈ کرتے ہیں، دوبارہ ان پٹ میرا نام، اور وہاں، خوش ڈیوڈ واپس آ گیا ہے.