ஜாவாஸ்கிரிப்ட்டில் ஒரு வார்த்தையை டைனமிக் கேபிடலைஸ் செய்வது எப்படி?

Javaskiripttil Oru Varttaiyai Tainamik Kepitalais Ceyvatu Eppati



ப்ரோக்ராமர் வாசகரையோ இறுதிப் பயனரின் கவனத்தையோ தனிப்பட்ட அல்லது முக்கியமான தகவலை நோக்கித் திருப்ப விரும்பும் போது, ​​ஒரு குறிப்பிட்ட வார்த்தையின் மூலதனத்தை ஒற்றைச் சரத்திலிருந்து எழுதுவது மிகவும் உதவியாக இருக்கும். பெரும்பாலும் சுருக்கம், குறிப்புகள், தேதிகள், இடப் பெயர்கள் அல்லது நபர் பெயர்கள் முக்கியத் தகவலை வழங்குவதால் பெரியதாக இருக்கும். மூலதனமாக்குவதன் மூலம் சிறந்த அணுகல்தன்மை, மேம்படுத்தப்பட்ட தெரிவுநிலை மற்றும் படிக்கக்கூடிய காரணிகள், பயனர் தொடர்புகளை ஈடுபடுத்துதல் போன்ற பல நன்மைகளை அடைய முடியும்.

இந்த வலைப்பதிவு கீழே உள்ள முறைகளை விளக்குவதன் மூலம் ஜாவாஸ்கிரிப்டில் ஒரு குறிப்பிட்ட வார்த்தையை பெரியதாக்குவதற்கான செயல்முறையை விளக்குகிறது:

ஜாவாஸ்கிரிப்ட்டில் ஒரு வார்த்தையை டைனமிக் கேபிடலைஸ் செய்வது எப்படி?

வழங்கப்பட்ட சரத்தின் முதல் வார்த்தையை மட்டும் பெரியதாக்கப் பயன்படுத்தக்கூடிய உள்ளமைக்கப்பட்ட சொத்து அல்லது ஜாவாஸ்கிரிப்ட் முறை எதுவும் இல்லை, இருப்பினும், விரும்பிய முடிவுகளைத் தருவதற்கு மாற்றியமைக்கக்கூடிய இரண்டு அணுகுமுறைகள் உள்ளன. இந்த முறைகள் அவற்றின் குறியீடு விளக்கத்துடன் விவரிக்கப்பட்டுள்ளன. தொடரலாம்.







முறை 1: “ஸ்லைஸ்()” முறையைப் பயன்படுத்துதல்

இந்த முறையில், ' உடனடியாக () ', மற்றும் ' ToupperCase() 'முறைகள் பயன்படுத்தப்படுகின்றன' துண்டு () 'முதல் வார்த்தை அல்லது சரத்தின் சில பகுதியை மட்டும் பயனருக்குத் தேவையான அல்லது குறிப்பிட்டபடி பெரியதாக்குவதற்கான முறை. கீழே உள்ள குறியீடு துணுக்கில் காட்டப்பட்டுள்ளபடி:



< உடல் >

< h1 > Linuxhint கட்டுரை h1 >
< h4 > முதல் வார்த்தையை பெரியதாக்குதல் h4 >
< பொத்தானை கிளிக் செய்யவும் = 'captalizeFirstWord()' > முயற்சி செய்து பாருங்கள் பொத்தானை >
< p id = 'இலக்கு' > >

< கையால் எழுதப்பட்ட தாள் >
செயல்பாடு கேப்டலைஸ் ஃபர்ஸ்ட் வேர்ட் ( ) {
தரவு அனுமதிக்க = உடனடியாக ( 'தயவுசெய்து சரத்தை உள்ளிடவும்' , 'ஜான் விக்' ) ;
நிலையான wordEndIndex = உடனடியாக ( 'இறுதி வரம்பை உள்ளிடவும்' , '5' ) ;
முதல் வார்த்தையை விடுங்கள் = தகவல்கள். துண்டு ( 0 , wordEndIndex ) ;
rem விடுங்கள் = தகவல்கள். பதிலாக ( முதல் வார்த்தை , '' ) ;

என்றால் ( தகவல்கள் != ஏதுமில்லை ) {
ஆவணம். getElementById ( 'இலக்கு' ) . உள் HTML = 'முதல் வார்த்தை இப்போது பெரியதாக உள்ளது:' + முதல் வார்த்தை. பெரிய வழக்கு ( ) + rem ;
}
}
கையால் எழுதப்பட்ட தாள் >
உடல் >

குறியீட்டின் விளக்கம்:



  • முதலில், பொத்தான் உறுப்பு அறிவிக்கப்பட்டது, அது ' என்று அழைக்கிறது கேப்டலைஸ் ஃபர்ஸ்ட் வேர்ட்() 'பயன்படுத்தும் முறை' கிளிக் செய்யவும் ” நிகழ்வு கேட்பவர். ' 'உறுப்பும் ஒரு ஐடியைக் கொண்டு உருவாக்கப்படுகிறது' இலக்கு ”. இந்த 'p' HTML உறுப்பில் வெளியீடு செருகப்படும்.
  • அடுத்து, செயல்பாடு ' கேப்டலைஸ் ஃபர்ஸ்ட் வேர்ட்() 'உடல் உள்ளே வரையறுக்கப்படுகிறது'

    வழங்கப்பட்ட சரத்தின் முதல் வார்த்தை இப்போது பெரியதாக இருப்பதை வெளியீடு காட்டுகிறது.



    முறை 2: “substr()” முறையைப் பயன்படுத்துதல்

    ' substr() கொடுக்கப்பட்ட சரத்தில் இருந்து முதல் வார்த்தையை மட்டும் பெரியதாக்குவதற்கு ” முறையைப் பயன்படுத்தலாம். குறியீட்டு எண்ணை அணுகுவதன் மூலம் முதல் எழுத்தை மட்டும் தனித்தனியாகத் தேர்ந்தெடுத்து அதில் “toUpperCase()” முறையைப் பயன்படுத்துவதன் மூலம் இதைச் செய்யலாம். பின்னர், கீழே உள்ள குறியீட்டில் செய்யப்பட்டுள்ளபடி சரத்தின் மீதமுள்ள பகுதியை இணைக்கவும்:

    < h1 > Linuxhint கட்டுரை h1 >
    < h4 > முதல் வார்த்தையை பெரியதாக்குதல் h4 >

    < பொத்தானை கிளிக் செய்யவும் = 'captalizeFirstWord()' > முயற்சி செய்து பாருங்கள் பொத்தானை >
    < p id = 'இலக்கு' > >

    < கையால் எழுதப்பட்ட தாள் >
    செயல்பாடு கேப்டலைஸ் ஃபர்ஸ்ட் வேர்ட் ( ) {
    தரவு அனுமதிக்க = உடனடியாக ( 'தயவுசெய்து சரத்தை உள்ளிடவும்' , 'ஜான் விக்' )
    நிலையான wordEndIndex = உடனடியாக ( 'இறுதி வரம்பை உள்ளிடவும்' , '5' ) ;
    முடிவு செய்யட்டும் = தகவல்கள். substr ( 0 , wordEndIndex ) . பெரிய வழக்கு ( ) + தகவல்கள். substr ( wordEndIndex ) ;
    என்றால் ( தகவல்கள் != ஏதுமில்லை ) {
    ஆவணம். getElementById ( 'இலக்கு' ) . உள் HTML = 'முதல் வார்த்தை இப்போது பெரிய எழுத்தாக உள்ளது:' + விளைவாக ;
    }
    }
    கையால் எழுதப்பட்ட தாள் >

    மேலே உள்ள குறியீட்டின் விளக்கம்:

    • மேலே உள்ள குறியீடு முந்தைய முறையில் விவரிக்கப்பட்டதைப் போலவே உள்ளது. துண்டு () 'மற்றும்' மாற்று() 'முறையானது' என மாற்றப்பட்டது substr() ”முறை.
    • 'substr()' முறையானது ' தகவல்கள் ' மாறி மற்றும் ' இலிருந்து சரத்தின் பகுதி 0 ” வழங்கப்பட்ட குறியீட்டின் குறியீடு பிரிக்கப்பட்டுள்ளது. முதல் வார்த்தையான இந்த பிரிக்கப்பட்ட பகுதியில், ' ToupperCase() ” முறை அதை பெரியதாக்க பயன்படுத்தப்படுகிறது.
    • அதன் பிறகு, இரண்டாவது ' substr() 'முறையானது வழங்கப்பட்ட குறியீட்டிலிருந்து மீதமுள்ள பகுதியைத் தேர்ந்தெடுக்கவும், பின்னர் இரண்டு முறைகளுக்கும் முடிவை இணைக்கவும் பயன்படுத்தப்படுகிறது.

    தொகுத்த பிறகு:

    சரத்திலிருந்து முதல் வார்த்தை மட்டும் பெரியதாக மாற்றப்பட்டதை வெளியீடு காட்டுகிறது

    முடிவுரை

    வழங்கப்பட்ட சரத்தின் முதல் வார்த்தையை மட்டும் டைனமிக் முறையில் பெரியதாக்கப் பயன்படுத்தக்கூடிய எந்த உள்ளமைக்கப்பட்ட முறையும் இல்லை. இருப்பினும், ' துண்டு () 'மற்றும்' substr() ' போன்ற பல்வேறு முறைகளின் கலவையுடன் முறைகள் பயன்படுத்தப்படலாம் ' உடனடியாக () ”,” மாற்று() ', மற்றும் ' ToupperCase() ” முதல் வார்த்தையை பெரிய எழுத்தாக்க வேண்டும். இங்கே, ' ToupperCase() ” முறை குறிப்பாக வெட்டப்பட்ட முதல் வார்த்தையை பெரியதாக்குகிறது. இந்த இடுகை ஜாவாஸ்கிரிப்டில் ஒரு வார்த்தையை பெரிய எழுத்தாக்க முறைகளை விளக்குகிறது.