ఈ కథనం పెద్ద అక్షరాన్ని టైటిల్ కేస్‌గా మార్చడానికి దశల వారీ విధానాన్ని ప్రదర్శిస్తుంది.
అప్పర్‌కేస్ టెక్స్ట్‌ను టైటిల్ కేస్‌గా మార్చడం ఎలా?
CSS లక్షణాలు మరియు జావాస్క్రిప్ట్ సహాయంతో, పెద్ద అక్షరం వచనాన్ని టైటిల్ కేస్‌గా మార్చవచ్చు. ఈ మార్పిడి టెక్స్ట్ యొక్క రీడబిలిటీ మరియు రూపాన్ని మెరుగుపరచడంలో సహాయపడుతుంది. అలాగే, ఇది స్థిరమైన ఆకృతీకరణను అందిస్తుంది మరియు వినియోగదారు అనుభవాన్ని మెరుగుపరుస్తుంది.
పెద్ద అక్షరం నుండి టైటిల్ కేస్‌కి మార్చడం కోసం దిగువ దశల వారీ మార్గదర్శిని అనుసరించండి:
దశ 1: లక్ష్యంగా ఉన్న మూలకాన్ని సృష్టించండి
ఈ మొదటి దశలో, '' లోపల లక్ష్యంగా/ఎంచుకున్న మూలకాన్ని సృష్టించండి <బాడీ> ” ట్యాగ్ టైటిల్ కేస్‌గా మార్చబడుతుంది. ఉదాహరణకు, ' p ” మూలకాల డేటా లక్ష్యం చేయబడింది:
< కేంద్రం >
< p id = 'కన్వర్టర్' > ఈ వచనం CSSని ఉపయోగించి పెద్ద అక్షరం నుండి శీర్షిక కేసుకు మార్చబడుతుంది < / p >
< కేంద్రం >
పై కోడ్ బ్లాక్‌లో:
- మొదట, ఒక 'ని ఉపయోగించండి '' లోపల వెబ్‌పేజీ మధ్యలో వచనాన్ని ప్రదర్శించడానికి ట్యాగ్ <కేంద్రం> ” ట్యాగ్. అలాగే, డమ్మీ డేటాను అప్పర్‌కేస్ ఫార్మాట్‌లో అందించండి.
- తరువాత, ఒక 'ని జోడించండి id 'లక్షణం మరియు దానికి విలువను అందించండి' కన్వర్టర్ ”. ఈ ' id ” జావాస్క్రిప్ట్ ట్యాగ్ లోపల
ట్యాగ్ యొక్క సూచనను నిల్వ చేయడానికి ఉపయోగించబడుతుంది.
సంకలన దశ ముగిసిన తర్వాత:
వెబ్‌పేజీ యొక్క ఎగువ స్నాప్‌షాట్ టెక్స్ట్ విజయవంతంగా ప్రదర్శించబడిందని ప్రదర్శిస్తుంది.
దశ 2: పెద్ద అక్షరాన్ని టైటిల్ కేస్‌గా మార్చడం
కన్వర్టర్‌ని సృష్టించడానికి, జావాస్క్రిప్ట్ లక్షణాలు మరియు పద్ధతులు ఉపయోగించబడతాయి. దిగువ కోడ్‌ను అనుసరించండి, దాని వివరణ క్రింద పేర్కొనబడింది:
ఉంది లక్ష్యం = document.getElementById ( 'కన్వర్టర్' ) .textContent.toLowerCase ( ) ;
లక్ష్యం = లక్ష్యం .భర్తీ చేయండి ( / \b\w / g,
ఫంక్షన్ ( తక్కువ ) { దిగువ.toUpperCase తిరిగి ( ) ; } ) ;
document.getElementById ( 'కన్వర్టర్' ) .వచన కంటెంట్ = లక్ష్యం ;
< / స్క్రిప్ట్ >
పై కోడ్ స్నిప్పెట్‌లో:
- మొదట, '' అనే వేరియబుల్‌ను సృష్టించండి లక్ష్యం 'లోపల' <స్క్రిప్ట్> ” ట్యాగ్.
- తరువాత, 'ని ఉపయోగించండి టెక్స్ట్ కంటెంట్ ” స్పేస్ వదిలి టెక్స్ట్ మరియు ఇతర ట్యాగ్‌లను మాత్రమే ఎంచుకోవడానికి ప్రాపర్టీ. ది ' లోయర్కేస్() ” ఫంక్షన్‌లో “కన్వర్టర్” ఐడి ఉంది, అది “టార్గెట్” వేరియబుల్‌కు విలువను నిల్వ చేస్తుంది.
- అప్పుడు, ' భర్తీ () 'టార్గెట్' వేరియబుల్ విలువను మార్చడానికి 'పద్ధతి ఉపయోగించబడుతుంది. ఇది 'ని ఉపయోగించి ప్రతి పదం యొక్క మొదటి అక్షరాన్ని ఎంచుకుంటుంది. \b\w 'వ్యక్తీకరణ ఆపై 'ని ఉపయోగిస్తుంది ToupperCase() ” ఫంక్షన్. ఇది వచన ఆకృతిని పెద్ద అక్షరానికి మారుస్తుంది.
- చివరికి, “టార్గెట్” వేరియబుల్ యొక్క కొత్త విలువ “” అనే ఐడిని కలిగి ఉన్న స్క్రీన్‌పై ప్రదర్శించబడుతుంది. కన్వర్టర్ ”.
కోడ్ స్నిప్పెట్ అమలు చేసిన తర్వాత:
పెద్ద అక్షరం టెక్స్ట్ టైటిల్ కేస్ ఫార్మాట్‌లోకి మార్చబడిందని అవుట్‌పుట్ చూపిస్తుంది.
ముగింపు
పెద్ద అక్షరాన్ని టైటిల్ కేస్‌గా మార్చడానికి, “ని ఉపయోగించండి లోయర్కేస్() 'ఎంచుకున్న మూలకంపై ఫంక్షన్. ఆ తరువాత, 'ని ఉపయోగించండి భర్తీ () 'ప్రతి పదం యొక్క మొదటి అక్షరాన్ని ఎంచుకోవడానికి ' ఫంక్షన్ \b\w ” వ్యక్తీకరణ. చివరగా, ఎంచుకున్న అక్షరం '' ఉపయోగించి పెద్ద అక్షరానికి మార్చబడుతుంది. ToupperCase() ” ఫంక్షన్. ఈ కథనం ఎంచుకున్న మూలకాల యొక్క పెద్ద అక్షరాన్ని టైటిల్ కేస్‌గా మార్చే విధానాన్ని ప్రదర్శించింది.