جاوا اسکرپٹ میں بٹن کو کیسے ٹوگل کریں۔

Jawa Askrp My B N Kw Kys Wgl Kry

ٹوگلنگ جاوا اسکرپٹ میں ایک تصور ہے کہ کسی عنصر کی کسی بھی خاصیت کو متبادل طور پر تبدیل کرنا یا کسی مخصوص آپریشن پر نیویگیٹ کرنا۔ جاوا اسکرپٹ متعدد خصوصیات جیسے کہ پس منظر کا رنگ، بٹن، متن، اور فونٹ سائز کے درمیان ٹوگل کر سکتا ہے۔ یہ ٹوگلنگ اثر ایک بٹن کے ساتھ منسلک کیا جا سکتا ہے جو کلائنٹس کے لئے آسان ہے. اس پوسٹ نے درج ذیل سیکھنے کے نتائج کے ساتھ جاوا اسکرپٹ میں بٹن کو ٹوگل کرنے کا طریقہ دکھایا ہے۔

جاوا اسکرپٹ میں بٹن کو کیسے ٹوگل کریں؟

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

مثال 1: بٹن کو ٹوگل کرکے ٹیکسٹ پیغامات میں ترمیم کرنا

جاوا اسکرپٹ میں بٹن کو ٹوگل کرکے پیغام میں ترمیم کرنے کی ایک مثال سمجھا جاتا ہے۔ مثال HTML اور JavaScript کوڈ پر مشتمل ہے، جس کی وضاحت ذیل میں کی گئی ہے۔



HTML کوڈ



< html >

< h2 > بٹن کو ٹوگل کرنے کی مثال < / h2 >

< div آئی ڈی = 'جے ایس' > جادو دیکھنے کے لیے بٹن دبائیں۔ < / div >

< بٹن کلک پر = 'btntog()' > بٹن < / بٹن >

< / html >

< سکرپٹ src = 'test.js' >< / سکرپٹ >

ایچ ٹی ایم ایل کوڈ میں، تفصیل اس طرح ہے:



  • اے
    ٹیگ ایک کے ساتھ بنایا گیا ہے ' id=js '
  • اس کے بعد، ایک بٹن کے ساتھ منسلک کیا جاتا ہے 'btntog()' طریقہ دبانے سے 'بٹن' ، طریقہ کار ' btntog() 'متحرک ہے۔
  • آخر میں، JavaScript فائل 'test.js' کے طور پر منظور کیا جاتا ہے src کے اندر