In questo articolo viene illustrata la procedura dettagliata per convertire il testo maiuscolo in maiuscolo.
Come convertire il testo maiuscolo in maiuscolo?
Con l'aiuto delle proprietà CSS e JavaScript, il testo maiuscolo può essere convertito in una maiuscola. Questa conversione aiuta a migliorare la leggibilità e l'aspetto del testo. Inoltre, fornisce una formattazione coerente e migliora l'esperienza dell'utente.
Segui la seguente guida passo-passo per la conversione da maiuscolo a maiuscolo:
Passaggio 1: creare un elemento mirato
In questo primo passaggio, crea un elemento mirato/selezionato all'interno del '
< centro >
< P id = 'convertitore' > QUESTO TESTO VIENE CONVERTITO DA MAIUSCOLO A TITOLO UTILIZZANDO CSS < / P >
< centro >
Nel blocco di codice sopra:
- Innanzitutto, utilizza un ' ” tag per visualizzare il testo al centro della pagina web all'interno del “
etichetta '. Inoltre, fornire dati fittizi nel formato maiuscolo. - Successivamente, aggiungi un ' id ” attribuire e fornirgli un valore di “ convertitore ”. Questo ' id ” verrà utilizzato per memorizzare il riferimento del tag
all'interno del tag JavaScript.
Al termine della fase di compilazione:
L'istantanea sopra della pagina web mostra che il testo è stato visualizzato correttamente.
Passaggio 2: conversione da maiuscolo a maiuscolo
Per creare un convertitore, vengono utilizzati i metodi e le proprietà JavaScript. Segui il codice seguente, la sua descrizione è indicata di seguito:
era bersaglio = document.getElementById ( 'convertitore' ) .textContent.toLowerCase ( ) ;
bersaglio = bersaglio .sostituire ( / \b\w / G,
funzione ( inferiore ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'convertitore' ) .textContent = bersaglio ;
< / copione >
Nello snippet di codice sopra:
- Innanzitutto, crea una variabile denominata ' bersaglio ' dentro il '
etichetta '. - Successivamente, utilizza il ' textContent Proprietà ” per selezionare solo il testo lasciando spazio e altri tag. IL ' toLowerCase() La funzione ” ha un id di “convertitore” che memorizza un valore nella variabile “target”.
- Poi il ' sostituire() Il metodo ” viene utilizzato per modificare il valore della variabile “target”. Seleziona il primo carattere di ogni parola usando il ' \b\w ” espressione e quindi utilizza il “ toUpperCase() ' funzione. Cambia il formato del testo in maiuscolo.
- Alla fine, il nuovo valore della variabile 'target' viene visualizzato sullo schermo con un id di ' convertitore ”.
Dopo l'esecuzione del frammento di codice:
L'output mostra che il testo maiuscolo è stato convertito nel formato maiuscolo.
Conclusione
Per convertire maiuscolo in maiuscolo, utilizzare il ' toLowerCase() ” sull'elemento selezionato. Successivamente, utilizzare il ' sostituire() ” per selezionare il primo carattere di ogni parola utilizzando la funzione “ \b\w espressione. Alla fine, il carattere selezionato viene convertito in maiuscolo utilizzando il ' toUpperCase() ' funzione. Questo articolo ha mostrato la procedura per convertire il testo in maiuscolo degli elementi selezionati in maiuscolo.