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