Ipinapakita ng artikulong ito ang sunud-sunod na pamamaraan upang i-convert ang uppercase na text sa title case.
Paano I-convert ang Uppercase na Teksto sa Title Case?
Sa tulong ng CSS properties at JavaScript, ang uppercase na text ay maaaring ma-convert sa isang title case. Nakakatulong ang conversion na ito sa pagpapabuti ng pagiging madaling mabasa, at hitsura ng teksto. Gayundin, nagbibigay ito ng pare-parehong pag-format at pinapahusay ang karanasan ng user.
Sundin ang hakbang-hakbang na gabay sa ibaba para sa conversion mula sa uppercase patungo sa title case:
Hakbang 1: Gumawa ng Naka-target na Elemento
Sa unang hakbang na ito, lumikha ng naka-target/napiling elemento sa loob ng “
< gitna >
< p id = 'converter' > ANG TEKSTO NA ITO AY NAKAKA-convert MULA UPPERCASE SA TITLE CASE GAMIT ANG CSS < / p >
< gitna >
Sa itaas na bloke ng code:
- Una, gumamit ng ' 'tag upang ipakita ang teksto sa gitna ng webpage sa loob ng '
” tag. Gayundin, magbigay ng dummy data sa uppercase na format. - Susunod, magdagdag ng ' id 'attribute at bigyan ito ng halaga ng ' converter ”. ito' id Ang ” ay gagamitin upang iimbak ang reference ng
tag sa loob ng JavaScript tag.
Pagkatapos ng pagtatapos ng yugto ng compilation:
Ang snapshot sa itaas ng webpage ay nagpapakita na ang teksto ay matagumpay na naipakita.
Hakbang 2: Pag-convert ng Uppercase sa Title Case
Para gumawa ng converter, ginagamit ang mga katangian at pamamaraan ng JavaScript. Sundin ang code sa ibaba, ang paglalarawan nito ay nakasaad sa ibaba:
ay target = document.getElementById ( 'converter' ) .textContent.toLowerCase ( ) ;
target = target .palitan ( / \b\w / g,
function ( mas mababa ) { bumalik ng mas mababa.toUpperCase ( ) ; } ) ;
document.getElementById ( 'converter' ) .textContent = target ;
< / iskrip >
Sa snippet ng code sa itaas:
- Una, lumikha ng isang variable na pinangalanang ' target ' sa loob ng '