Artikel ini menunjukkan prosedur langkah demi langkah untuk mengonversi teks huruf besar menjadi huruf besar.
Bagaimana Mengonversi Teks Huruf Besar menjadi Huruf Besar?
Dengan bantuan properti CSS dan JavaScript, teks huruf besar dapat diubah menjadi huruf besar. Konversi ini membantu meningkatkan keterbacaan, dan tampilan teks. Selain itu, ini memberikan pemformatan yang konsisten dan meningkatkan pengalaman pengguna.
Ikuti panduan langkah demi langkah di bawah ini untuk konversi dari huruf besar ke huruf besar:
Langkah 1: Buat Elemen yang Ditargetkan
Pada langkah pertama ini, buat elemen yang ditargetkan/dipilih di dalam '
< tengah >
< P pengenal = 'konverter' > TEKS INI DIKONVERSI DARI HURUF BESAR KE KASUS TITLE MENGGUNAKAN CSS < / P >
< tengah >
Di blok kode di atas:
- Pertama, gunakan ' ” untuk menampilkan teks di tengah halaman web di dalam “
” tag. Juga, berikan data dummy dalam format huruf besar. - Selanjutnya, tambahkan “ pengenal ” atribut dan berikan nilai “ konverter ”. Ini ' pengenal ” akan digunakan untuk menyimpan referensi tag
di dalam tag JavaScript.
Setelah akhir fase kompilasi:
Snapshot halaman web di atas menampilkan bahwa teks telah berhasil ditampilkan.
Langkah 2: Mengubah Huruf Besar menjadi Huruf Besar
Untuk membuat konverter, properti dan metode JavaScript digunakan. Ikuti kode di bawah ini, uraiannya dinyatakan di bawah ini:
dulu target = document.getElementById ( 'konverter' ) .textContent.toLowerCase ( ) ;
target = target .mengganti ( / \b\w / G,
fungsi ( lebih rendah ) { mengembalikan lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'konverter' ) .textContent = target ;
< / naskah >
Dalam cuplikan kode di atas:
- Pertama, buat variabel bernama “ target ' di dalam '
” tag. - Selanjutnya, gunakan “ teksKonten ” properti untuk memilih hanya teks yang menyisakan ruang dan tag lainnya. “ ke Huruf Kecil() ” Fungsi memiliki id 'konverter' yang menyimpan nilai ke variabel 'target'.
- Kemudian, “ mengganti() ” metode digunakan untuk mengubah nilai variabel 'target'. Itu memilih karakter pertama dari setiap kata menggunakan ' \b\w ” ekspresi dan kemudian menggunakan “ toUpperCase() ' fungsi. Ini mengubah format teks menjadi huruf besar.
- Pada akhirnya, nilai baru dari variabel 'target' ditampilkan di layar dengan id ' konverter ”.
Setelah eksekusi potongan kode:
Output menunjukkan bahwa teks huruf besar telah diubah menjadi format huruf besar.
Kesimpulan
Untuk mengonversi huruf besar menjadi huruf besar, gunakan tombol “ ke Huruf Kecil() ” berfungsi pada elemen yang dipilih. Setelah itu, gunakan “ mengganti() ” berfungsi untuk memilih karakter pertama dari setiap kata menggunakan tombol “ \b\w ” ekspresi. Pada akhirnya, karakter yang dipilih diubah menjadi huruf besar menggunakan “ toUpperCase() ' fungsi. Artikel ini telah mendemonstrasikan prosedur untuk mengonversi teks huruf besar dari elemen yang dipilih menjadi kapitalisasi judul.