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

• جاوا اسکرپٹ میں بٹن کو کیسے ٹوگل کریں؟
• مثال 1: بٹن کو ٹوگل کرکے ٹیکسٹ پیغامات میں ترمیم کرنا
• مثال 2: جاوا اسکرپٹ میں آن/آف بٹن کو ٹوگل کرنا

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

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

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

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

HTML کوڈ

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

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

  ---

  جاوا اسکرپٹ کوڈ

  functionbtntog ( )
  {
  کہاں = دستاویز getElementById ( 'جے ایس' ) ;
  اگر ( t اندرونی ایچ ٹی ایم ایل == 'Linuxhint میں خوش آمدید' ) {
  t اندرونی ایچ ٹی ایم ایل = 'جاوا اسکرپٹ ورلڈ' ; }
  اور {
  t اندرونی ایچ ٹی ایم ایل = 'Linuxhint میں خوش آمدید' ; }
  }

  اس کوڈ میں:

  
  
  
  • getElementById HTML عنصر کو نکالنے کے لیے استعمال کیا جاتا ہے ' js 'اور قدر متغیر میں محفوظ ہے' t '
  • اس کے بعد، the اندرونی ایچ ٹی ایم ایل ٹیکسٹ کو چیک کرنے کے لیے اگر پراپرٹی کا استعمال کیا جاتا ہے Linuxhint میں خوش آمدید '
  • اگر شرط درست ہے تو مواد ' Linuxhint میں خوش آمدید ” کے ساتھ تبدیل کیا گیا ہے۔ 'جاوا اسکرپٹ ورلڈ '
  • اگر شرط غلط ہے تو متن 'Linuxhint میں خوش آمدید' div ٹیگ کو HTML مواد کے طور پر تفویض کیا گیا ہے۔

  آؤٹ پٹ

  

  آؤٹ پٹ سے پتہ چلتا ہے کہ بٹن کو ٹوگل کرنے سے دو پیغامات واپس آتے ہیں۔ 'Linuxhint میں خوش آمدید' اور 'جاوا اسکرپٹ ورلڈ' متبادل طور پر

  مثال 2: جاوا اسکرپٹ میں آن/آف بٹن کو ٹوگل کرنا

  بٹن کے ان لائن متن کو تبدیل کرنے کے لیے ایک مثال کی پیروی کی جاتی ہے۔ اس مثال میں، ' کبھی کبھی متن متبادل طور پر بٹن دبانے سے قدر کو تبدیل کردے گا۔ HTML اور JavaScript کوڈ یہاں فراہم کیے گئے ہیں:

  HTML کوڈ

  < html >
  
  < h2 > بٹن کو ٹوگل کرنے کی مثال h2 >
  
  < ان پٹ کی قسم = 'بٹن' آئی ڈی = 'myBtn' قدر = 'بند'
  
  کلک پر = 'تاریخ ()؛' >
  
  < سکرپٹ src = 'test.js' >> سکرپٹ >
  
  html >

  مندرجہ بالا کوڈ کو اس طرح بیان کیا گیا ہے:

  • ایک کلک کے قابل بٹن جس کی ایک ID ہے۔ 'myBtn' بنایا گیا ہے اور اس کی قیمت مقرر کی گئی ہے۔ 'بند' .
  • بٹن دبانے سے، تاریخ () طریقہ کار کو متحرک کیا جائے گا۔
  • آخر میں، 'test.js' کے اندر ذریعہ کے راستے سے منسلک ہے۔