جاوا اسکرپٹ میں بٹن کیسے بنائیں

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

یہ بلاگ جاوا اسکرپٹ میں بٹن بنانے کے طریقے بتائے گا۔

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

جاوا اسکرپٹ میں بٹن بنانے کے لیے درج ذیل طریقے استعمال کیے جا سکتے ہیں۔

• 'createElement()' اور 'appendChild()' طریقے
• 'ان پٹ' ٹیگ کی 'قسم' وصف

مندرجہ ذیل نقطہ نظر ایک ایک کرکے تصور کا مظاہرہ کریں گے!

طریقہ 1: 'createElement()' اور 'appendChild()' طریقوں کا استعمال کرتے ہوئے جاوا اسکرپٹ میں بٹن بنائیں

' تخلیق عنصر() 'طریقہ ایک عنصر بناتا ہے، اور' appendChild() ' طریقہ ایک عنصر کو کسی عنصر کے آخری بچے میں جوڑتا ہے۔ یہ طریقے بٹن بنانے اور اسے دستاویز آبجیکٹ ماڈل (DOM) میں شامل کرنے کے لیے لاگو کیے جائیں گے جنہیں بالترتیب استعمال کرنے کی ضرورت ہے۔

نحو

مندرجہ بالا نحو میں، ' قسم 'عنصر کی قسم سے مراد ہے جو createElement() طریقہ استعمال کرتے ہوئے تخلیق کیا جائے گا، اور ' نوڈ ” وہ نوڈ ہے جو appendChild() طریقہ کی مدد سے شامل کیا جائے گا۔

درج ذیل مثال بیان کردہ تصور کی وضاحت کرے گی۔

مثال

سب سے پہلے، ایک ' بٹن دستاویز کو تخلیق کیا جائے گا بنائیں بٹن ”:

اگلا، ' اندرونی متن پراپرٹی تخلیق شدہ بٹن کا حوالہ دے گی اور مخصوص بٹن کی ٹیکسٹ ویلیو مندرجہ ذیل سیٹ کرے گی:

آخر میں، ' appendChild() ” طریقہ متغیر کا حوالہ دے کر تخلیق کردہ بٹن کو DOM میں جوڑ دے گا جس میں اسے بطور دلیل محفوظ کیا گیا ہے۔

مندرجہ بالا عمل درآمد کا نتیجہ مندرجہ ذیل ہوگا:

طریقہ 2: 'ان پٹ' ٹیگ کی 'ٹائپ' انتساب کا استعمال کرتے ہوئے جاوا اسکرپٹ میں بٹن بنائیں

' قسم ” وصف ڈسپلے کرنے کے لیے ان پٹ عنصر کی قسم کی نمائندگی کرتا ہے۔ اسے 'کی وضاحت کر کے بٹن بنانے کے لیے استعمال کیا جا سکتا ہے۔ بٹن ان پٹ ٹیگ کی قسم وصف کی قدر کے طور پر۔

نحو

یہاں، ' بٹن ” ان پٹ فیلڈ کی قسم کی نشاندہی کرتا ہے۔

ذیل میں دی گئی مثال کو دیکھیں۔

مثال

سب سے پہلے، ہم ایک ان پٹ ٹیگ استعمال کریں گے، اس کی قسم کی وضاحت کریں ' بٹن '، اور قدر کے طور پر ' مجھے کلک کیجیے ' نتیجے کے طور پر، ایک بٹن بنایا جائے گا. مزید برآں، یہ ' CreateButton() جب کلک کیا جائے تو فنکشن:

جاوا اسکرپٹ فائل میں، ہم وضاحت کریں گے ' CreateButton() ' فنکشن جو ایک الرٹ باکس تیار کرے گا جب شامل بٹن پر کلک کیا جائے گا:

آؤٹ پٹ

جاوا اسکرپٹ میں بٹن بنانے کے لیے زیر بحث تکنیکوں کو ضروریات کے مطابق مناسب طریقے سے استعمال کیا جا سکتا ہے۔

نتیجہ

جاوا اسکرپٹ میں بٹن بنانے کے لیے، ' تخلیق عنصر() 'اور' appendChild() بٹن بنانے اور اسے DOM میں استعمال کرنے کے لیے شامل کرنے کے طریقے استعمال کیے جا سکتے ہیں۔ ایک اور تکنیک جو بٹن بنانے کے لیے استعمال کی جا سکتی ہے وہ ہے ایک ان پٹ کی قسم کی وضاحت کرنا اور اس سے وابستہ فعالیت کو شامل کرنا۔ اس مضمون نے جاوا اسکرپٹ میں بٹن بنانے کے طریقے دکھائے ہیں۔