Cet article illustre la procédure étape par étape pour convertir du texte en majuscules en casse de titre.
Comment convertir un texte majuscule en casse de titre ?
À l'aide des propriétés CSS et de JavaScript, le texte en majuscule peut être converti en casse de titre. Cette conversion aide à améliorer la lisibilité et l'apparence du texte. En outre, il fournit un formatage cohérent et améliore l'expérience utilisateur.
Suivez le guide étape par étape ci-dessous pour la conversion de la majuscule à la casse du titre :
Étape 1 : Créer un élément ciblé
Dans cette première étape, créez un élément ciblé/sélectionné à l'intérieur du '
< centre >
< p identifiant = 'convertisseur' > CE TEXTE EST CONVERTI DE MAJUSCULES EN CAS DE TITRE À L'AIDE DE CSS < / p >
< centre >
Dans le bloc de code ci-dessus :
- Tout d'abord, utilisez un ' ' tag pour afficher le texte au centre de la page Web à l'intérieur du '
' étiqueter. Fournissez également des données factices au format majuscule. - Ensuite, ajoutez un ' identifiant ' et donnez-lui une valeur de ' convertisseur ”. Ce ' identifiant ” va être utilisé pour stocker la référence de la balise
à l'intérieur de la balise JavaScript.
Après la fin de la phase de compilation :
L'instantané ci-dessus de la page Web indique que le texte a été affiché avec succès.
Étape 2 : Conversion des majuscules en casse du titre
Pour créer un convertisseur, les propriétés et méthodes JavaScript sont utilisées. Suivez le code ci-dessous, sa description indiquée ci-dessous :
était cible = document.getElementById ( 'convertisseur' ) .textContent.toLowerCase ( ) ;
cible = cible .remplacer ( / \b\w / g,
fonction ( inférieur ) { retourner lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'convertisseur' ) .textContent = cible ;
< / scénario >
Dans l'extrait de code ci-dessus :
- Tout d'abord, créez une variable nommée ' cible ' à l'intérieur de '