Acest articol demonstrează procedura pas cu pas pentru a converti textul majuscule în majuscule pentru titlu.
Cum se convertesc textul majuscule în majuscule pentru titlu?
Cu ajutorul proprietăților CSS și JavaScript, textul majuscul poate fi convertit într-o majuscule de titlu. Această conversie ajută la îmbunătățirea lizibilității și a aspectului textului. De asemenea, oferă o formatare consistentă și îmbunătățește experiența utilizatorului.
Urmați ghidul pas cu pas de mai jos pentru conversia de la majuscule la majuscule:
Pasul 1: Creați un element vizat
În acest prim pas, creați un element vizat/selectat în interiorul „
< centru >
< p id = 'convertor' > ACEST TEXT SE CONVERTĂ DIN MAJUSCULE ÎN MAJUSCULE DE TITLU FOLOSIND CSS < / p >
< centru >
În blocul de cod de mai sus:
- În primul rând, utilizați un „ ” pentru a afișa text în centrul paginii web în interiorul „
' etichetă. De asemenea, furnizați date fictive în formatul majuscule. - Apoi, adăugați un „ id ” și furnizați-i o valoare de „ convertor ”. Acest ' id ” va fi folosit pentru a stoca referința etichetei
în interiorul etichetei JavaScript.
După încheierea fazei de compilare:
Instantaneul de mai sus a paginii web arată că textul a fost afișat cu succes.
Pasul 2: conversia majuscule în majuscule pentru titlu
Pentru a crea un convertor, sunt utilizate proprietățile și metodele JavaScript. Urmați codul de mai jos, descrierea acestuia fiind menționată mai jos:
a fost ţintă = document.getElementById ( 'convertor' ) .textContent.toLowerCase ( ) ;
ţintă = ţintă .a inlocui ( / \b\w / g,
funcţie ( inferior ) { revenire mai jos.laMajuscule ( ) ; } ) ;
document.getElementById ( 'convertor' ) .textContent = ţintă ;
< / scenariu >
În fragmentul de cod de mai sus:
- Mai întâi, creați o variabilă numită „ ţintă ' în interiorul '