Tento článek ukazuje podrobný postup převodu textu na velká písmena na velká písmena.
Jak převést text z velkých písmen na velká písmena?
Pomocí vlastností CSS a JavaScriptu lze velký text převést na velká písmena. Tato konverze pomáhá zlepšit čitelnost a vzhled textu. Poskytuje také konzistentní formátování a zlepšuje uživatelský zážitek.
Postupujte podle níže uvedeného podrobného průvodce pro převod z velkých písmen na velká písmena:
Krok 1: Vytvořte cílený prvek
V tomto prvním kroku vytvořte cílený/vybraný prvek uvnitř „ ” tag, který se převede na velikost písmen. Například „ p ” data prvků jsou cílena:
< centrum >
< p id = 'konvertor' > TENTO TEXT SE PŘEVÁDÍ Z VELKÁ PÍSMENA NA VELKÁ PÍSMENA POMOCÍ CSS < / p >
< centrum >
Ve výše uvedeném bloku kódu:
- Nejprve použijte „ ” tag pro zobrazení textu ve středu webové stránky uvnitř “
” tag. Poskytněte také fiktivní data ve formátu velkých písmen. - Dále přidejte „ id ” a zadejte mu hodnotu “ konvertor “. Tento ' id ” se bude používat k uložení odkazu na značku
uvnitř značky JavaScript.
Po skončení fáze kompilace:
Výše uvedený snímek webové stránky ukazuje, že text byl úspěšně zobrazen.
Krok 2: Převod velkých písmen na velká písmena
K vytvoření převodníku se využívají vlastnosti a metody JavaScriptu. Postupujte podle níže uvedeného kódu, jeho popis je uveden níže:
byl cílová = document.getElementById ( 'konvertor' ) .textContent.toLowerCase ( ) ;
cílová = cílová .nahradit ( / \b\w / G,
funkce ( dolní ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'konvertor' ) .textObsah = cílová ;
< / skript >
Ve výše uvedeném úryvku kódu:
- Nejprve vytvořte proměnnou s názvem „ cílová ' uvnitř ' ” tag.
- Dále použijte „ textObsah ” vlastnost pro výběr pouze textu s ponecháním mezery a dalších značek. ' toLowerCase() Funkce ” má id „konvertor“, který ukládá hodnotu do proměnné „target“.
- Poté, „ nahradit() ” metoda se používá pro změnu hodnoty proměnné „target“. Vybere první znak každého slova pomocí „ \b\w “ výraz a poté použije „ toUpperCase() funkce “. Změní formát textu na velká písmena.
- Nakonec se na obrazovce zobrazí nová hodnota proměnné „target“ s id „ konvertor “.
Po provedení úryvku kódu:
Výstup ukazuje, že text s velkými písmeny byl převeden do formátu velkých písmen.
Závěr
Chcete-li převést velká písmena na velká písmena, použijte „ toLowerCase() ” funkce na vybraném prvku. Poté použijte „ nahradit() “ pro výběr prvního znaku každého slova pomocí “ \b\w “výraz. Nakonec se vybraný znak převede na velká písmena pomocí „ toUpperCase() funkce “. Tento článek demonstroval postup převodu textu na velká písmena vybraných prvků na velká písmena.