Este artigo demonstra o procedimento passo a passo para converter texto em maiúsculas em maiúsculas.
Como converter texto em letras maiúsculas em maiúsculas e minúsculas?
Com a ajuda de propriedades CSS e JavaScript, o texto em maiúsculas pode ser convertido em uma caixa de título. Essa conversão ajuda a melhorar a legibilidade e a aparência do texto. Além disso, fornece formatação consistente e aprimora a experiência do usuário.
Siga o guia passo a passo abaixo para a conversão de maiúsculas para maiúsculas:
Etapa 1: criar um elemento de destino
Nesta primeira etapa, crie um elemento direcionado/selecionado dentro do “
< Centro >
< p eu ia = 'conversor' > ESTE TEXTO É CONVERTIDO DE MAIÚSCULAS PARA CAIXA DE TÍTULO USANDO CSS < / p >
< Centro >
No bloco de código acima:
- Primeiro, use um “ ” para exibir o texto no centro da página da Web dentro do “
' marcação. Além disso, forneça dados fictícios no formato de maiúsculas. - Em seguida, adicione um “ eu ia ” e forneça a ele um valor de “ conversor ”. Esse ' eu ia ” será usado para armazenar a referência da tag
dentro da tag JavaScript.
Após o final da fase de compilação:
O instantâneo acima da página da Web mostra que o texto foi exibido com sucesso.
Passo 2: Convertendo letras maiúsculas em maiúsculas
Para criar um conversor, são utilizadas as propriedades e métodos do JavaScript. Siga o código abaixo, sua descrição indicada abaixo:
era alvo = document.getElementById ( 'conversor' ) .textContent.towerCase ( ) ;
alvo = alvo .substituir ( / \b\w / g,
função ( mais baixo ) { retornar lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'conversor' ) .textContent = alvo ;
< / roteiro >
No trecho de código acima:
- Primeiro, crie uma variável chamada “ alvo ' dentro de ' ' marcação.
- Em seguida, utilize o “ conteúdo de texto ” para selecionar apenas texto deixando espaço e outras tags. O ' toLowerCase() ” tem um id de “converter” que armazena um valor para a variável “target”.
- Então o ' substituir() ” é utilizado para alterar o valor da variável “target”. Ele seleciona o primeiro caractere de cada palavra usando a tecla “ \b\w ” expressão e, em seguida, utiliza o “ toUpperCase() ”função. Ele altera o formato do texto para maiúsculas.
- Ao final, o novo valor da variável “target” é exibido na tela com um id de “ conversor ”.
Após a execução do trecho de código:
A saída mostra que o texto em maiúsculas foi convertido em formato de caixa de título.
Conclusão
Para converter letras maiúsculas em maiúsculas, use o comando “ toLowerCase() ” no elemento selecionado. Depois disso, utilize o “ substituir() ” para selecionar o primeiro caractere de cada palavra usando a tecla “ \b\w ” expressão. Ao final, o caractere selecionado é convertido para maiúsculo usando a tecla “ toUpperCase() ”função. Este artigo demonstrou o procedimento para converter o texto em maiúsculas dos elementos selecionados para o caso do título.