டெவலப்பர்கள் பெரும்பாலும் தங்கள் வலைப்பக்கங்கள் கவர்ச்சிகரமானதாகவும், அவற்றை ஊடாடச் செய்யவும் விரும்புகிறார்கள். இந்த நோக்கத்திற்காக, வலைப்பக்கத்தில் பொத்தான்கள் சேர்க்கப்படுகின்றன. எடுத்துக்காட்டாக, ஒரு கணக்கில் பதிவு செய்யும் போது அல்லது உள்நுழையும்போது பயனருக்கான கூடுதல் செயல்பாடுகளுக்கான நிகழ்வுகளைக் கிளிக் செய்வது உட்பட, தரவை அனுப்ப அல்லது பெற வேண்டிய அவசியம் ஏற்படும் போது. இதுபோன்ற சந்தர்ப்பங்களில், பொத்தான்கள் இறுதி பயனரை பல்வேறு செயல்பாடுகளை புத்திசாலித்தனமாக செய்ய அனுமதிக்கின்றன.
இந்த வலைப்பதிவு JavaScript இல் பொத்தான்களை உருவாக்கும் முறைகளை விளக்குகிறது.
ஜாவாஸ்கிரிப்ட்டில் பட்டனை உருவாக்குவது எப்படி?
ஜாவாஸ்கிரிப்ட்டில் பொத்தானை உருவாக்க, பின்வரும் முறைகளைப் பயன்படுத்தலாம்:
பின்வரும் அணுகுமுறைகள் கருத்தை ஒவ்வொன்றாக நிரூபிக்கும்!
முறை 1: 'createElement()' மற்றும் 'appendChild()' முறைகளைப் பயன்படுத்தி ஜாவாஸ்கிரிப்ட்டில் பட்டனை உருவாக்கவும்
' உருவாக்க உறுப்பு() 'முறை ஒரு உறுப்பை உருவாக்குகிறது, மேலும்' appendChild() ” முறை ஒரு உறுப்பின் கடைசி குழந்தையுடன் ஒரு உறுப்பைச் சேர்க்கிறது. இந்த முறைகள் ஒரு பொத்தானை உருவாக்குவதற்கும், அதை முறையே பயன்படுத்த வேண்டிய ஆவணப் பொருள் மாதிரியில் (DOM) சேர்ப்பதற்கும் பயன்படுத்தப்படும்.
தொடரியல்
ஆவணம். உருவாக்க உறுப்பு ( வகை )உறுப்பு. appendChild ( முனை )
மேலே உள்ள தொடரியல், “ வகை ” என்பது createElement() முறையைப் பயன்படுத்தி உருவாக்கப்படும் உறுப்பு வகையைக் குறிக்கிறது, மேலும் “ முனை ” என்பது appendChild() முறையின் உதவியுடன் இணைக்கப்படும் முனை ஆகும்.
பின்வரும் உதாரணம் கூறப்பட்ட கருத்தை விளக்கும்.
உதாரணமாக
முதலில், ஒரு ' பொத்தானை 'document.createElement() முறையைப் பயன்படுத்தி உருவாக்கப்பட்டு, ' என்ற பெயரில் ஒரு மாறியில் சேமிக்கப்படும். உருவாக்கு பொத்தான் ”:
நிலையான உருவாக்கு பொத்தான் = ஆவணம். உருவாக்க உறுப்பு ( 'பொத்தானை' )அடுத்து, ' உள் உரை ”பண்பு உருவாக்கப்பட்ட பொத்தானைக் குறிக்கும் மற்றும் குறிப்பிட்ட பொத்தானின் உரை மதிப்பை பின்வருமாறு அமைக்கும்:
உருவாக்கு பொத்தான். உள் உரை = 'கிளிக்_மீ'இறுதியாக, ' appendChild() ”முறையானது உருவாக்கப்பட்ட பொத்தானை DOM க்கு ஒரு வாதமாகச் சேமிக்கும் மாறியைக் குறிப்பிடுவதன் மூலம் சேர்க்கும்:
ஆவணம். உடல் . appendChild ( உருவாக்கு பொத்தான் ) ;மேலே உள்ள செயலாக்கத்தின் வெளியீடு பின்வருமாறு விளைவிக்கும்:
முறை 2: 'உள்ளீடு' குறிச்சொல்லின் 'வகை' பண்புக்கூறைப் பயன்படுத்தி ஜாவாஸ்கிரிப்ட்டில் பட்டனை உருவாக்கவும்
' வகை ” பண்புக்கூறு காட்ட வேண்டிய உள்ளீட்டு உறுப்பு வகையைக் குறிக்கிறது. '' என்பதைக் குறிப்பிடுவதன் மூலம் ஒரு பொத்தானை உருவாக்க இதைப் பயன்படுத்தலாம் பொத்தானை ” உள்ளீட்டு குறிச்சொல்லின் வகை பண்புக்கூறின் மதிப்பாக.
தொடரியல்
< உள்ளீடு வகை = 'பொத்தானை' >இங்கே,' பொத்தானை ” என்பது உள்ளீட்டு புலத்தின் வகையைக் குறிக்கிறது.
கீழே கொடுக்கப்பட்டுள்ள உதாரணத்தைப் பாருங்கள்.
உதாரணமாக
முதலில், ஒரு உள்ளீட்டு குறிச்சொல்லைப் பயன்படுத்துவோம், அதன் வகையை ' பொத்தானை ', மற்றும் மதிப்பு ' கிளிக்_மீ ”. இதன் விளைவாக, ஒரு பொத்தான் உருவாக்கப்படும். மேலும், இது ' createButton() கிளிக் செய்யும் போது செயல்பாடு:
< உள்ளீடு வகை = பொத்தான் மதிப்பு = கிளிக்_மீ கிளிக் செய்யவும் = 'createButton()' >ஜாவாஸ்கிரிப்ட் கோப்பில், நாம் ' createButton() ” செயல்பாடு, சேர்க்கப்பட்ட பொத்தானைக் கிளிக் செய்யும் போது எச்சரிக்கை பெட்டியை உருவாக்கும்:
செயல்பாடு உருவாக்கு பொத்தான் ( ) {எச்சரிக்கை ( 'இது ஒரு பொத்தான்' )
}
வெளியீடு
ஜாவாஸ்கிரிப்ட்டில் ஒரு பொத்தானை உருவாக்க விவாதிக்கப்பட்ட நுட்பங்கள் தேவைகளுக்கு ஏற்ப பயன்படுத்தப்படலாம்.
முடிவுரை
ஜாவாஸ்கிரிப்ட்டில் ஒரு பொத்தானை உருவாக்க, “ உருவாக்க உறுப்பு() 'மற்றும்' appendChild() ” முறைகளைப் பயன்படுத்தி ஒரு பொத்தானை உருவாக்கி அதை DOM இல் பயன்படுத்த வேண்டும். ஒரு பொத்தானை உருவாக்கப் பயன்படுத்தக்கூடிய மற்றொரு நுட்பம் உள்ளீட்டு வகையை வரையறுத்து அதனுடன் தொடர்புடைய செயல்பாட்டைச் சேர்ப்பதாகும். இந்த கட்டுரை ஜாவாஸ்கிரிப்ட்டில் ஒரு பொத்தானை உருவாக்கும் முறைகளை விளக்கியது.