JavaScript اور DOM

تین طریقے

1. 1

   JavaScript دنیا کے ہر ویب براؤزر کی واحد قابلِ عمل زبان ہے۔ 1995 میں Brendan Eich نے دس دنوں میں ایجاد کی، اور تب سے یہ، اچھے یا برے کے لیے، ویب کی مشترکہ زبان بن چکی ہے۔ 2026 میں یہ Node.js, Bun اور Deno کے ذریعے سرور پر بھی چلتی ہے، مگر اس کا اصل گھر براؤزر ہے۔ براؤزر میں JavaScript صفحے کو پڑھ اور بدل سکتی ہے، صارف کے ان پٹ کو سن سکتی ہے، سرور سے بات کر سکتی ہے، اور صارف کی مشین پر ڈیٹا محفوظ رکھ سکتی ہے۔ ویب پر آپ نے جو کچھ متحرک دیکھا، دراز کی add-to-cart اینیمیشن سے فوڈ پانڈا کے آرڈر ٹریکر نقشے تک، JavaScript ہی پکسلز کو حرکت دے رہی ہے۔

2. 2

   پہلا طریقہ، DOM ایک درخت کے طور پر۔ جب براؤزر HTML صفحہ لوڈ کرتا ہے، یہ یاداشت میں ایک درخت بناتا ہے جسے Document Object Model کہتے ہیں۔ ہر ٹیگ ایک نوڈ بنتا ہے۔ ہر صفت، ہر متن کا ٹکڑا، اور ہر اندرونی ایلیمنٹ ایک بچہ بن جاتا ہے۔ JavaScript کو یہ درخت document نامی گلوبل آبجیکٹ سے ملتا ہے۔ آپ پڑھ سکتے ہیں (document.querySelector('button.send')) اور بدل سکتے ہیں (button.textContent = 'Sending...'; button.disabled = true)۔ نظر آنے والا صفحہ اسی درخت کی پیشکش ہے، اور درخت میں تبدیلی اسکرین پر آ جاتی ہے۔ DOM ہی پل ہے۔

3. 3

   دوسرا طریقہ، ایونٹس۔ JavaScript ایونٹس پر چلتی ہے۔ براؤزر ایونٹس بھیجتا ہے: click, input, submit, keydown, scroll, load, error۔ آپ سننے والے جوڑتے ہیں۔ button.addEventListener('click', sendMoney) کا مطلب ہے 'جب یہ بٹن دبے، sendMoney کو پکارو'۔ ایزی پیسہ پر Send دبانا کلک ایونٹ ہے۔ ٹیلی نار سرور کو فارم بھیجنا submit ایونٹ ہے۔ OTP ماڈل کا آنا fetch وعدے کے پورا ہونے پر JavaScript کا ردِ عمل ہے۔ ایک بار ایونٹ لوپ اندر بیٹھ جائے، تو ویب کی پوری انٹرایکٹیویٹی کی کہانی ایک ہی ذہنی ماڈل میں سما جاتی ہے۔

کیوں؟

Claude کے ساتھ آزمائیں

Claude کے ساتھ پرامپٹ: 'ایزی پیسہ طرز کے سینڈ منی فارم کے لیے سادہ JavaScript ماڈیول لکھیں۔ پاکستانی موبائل (03 سے شروع، 11 ہندسے) کی تصدیق، رقم (مثبت عدد، ایزی پیسہ حد PKR 25000)، debounce ٹائپنگ، optimistic UI، اور graceful نیٹ ورک ایرر retry شامل کریں۔ کوئی فریم ورک نہیں۔ ہر حصے پر تبصرہ۔' کوڈ پڑھیں، آنکھ بند کر کے پیسٹ نہ کریں۔