This Blog is protected by DMCA.com

Thursday, July 31, 2014

Memformat teks dengan javascript

Format teks maksudnya adalah mengubah atau mengatur teks tersebut menjadi tebal, miring, garis bawah. warna dan lain lain. jika di css kita hanya menambahkan font-size, color, font-weight, text-decoration. sedang dalam html menuliskan tag <font color="" size=""> , <b>, <i>, <u>, <a>, <big>, <small>
Namun bagaimana kita memformat teks dalam javascript. untuk membantu melakukan formatting teks secara progamming javascript menyediakan beberapa metode yang dapat memudakan untuk formatting teks diantaranya adalah :

karena javascript adalah pemrograman yang termasuk case sensitive. maka besar huruf harus diperhatikan. terkadang saya juga bingung kenapa program saya kok gagal. ternyata hanya salah besar hurufnya
cara penggunaan

teks.metode()
  • big()  :   Membesarkan huruf. atau sama dengan karakter yang diapit dengan tag <big>
  • small() : mengecilkan huruf = <small>Sample text </small>
  • bold() : Menebalkan huruf atau sama dengan karakter yang diapit dengan tag <b>
  • fontcolor(color) : mewarnai teks
  • italics() : mencetak huruf miring
  • link(url) : membuat link. sama dengan <a href="url">
  • sub() : membuat karakter kecil dibawah huruf. atau diapit dengan tag <sub>
  • sup() : membuat karakter pangkat. diapit dengan tag <sup>
  • toLowerCase() : mengkonversikan teks menjadi huruf kecil
  • toUpperCase() : mengkonversikan teks menjadi huruf besar
  • strike() : menghasilkan teks yang seperti tercoret. atau diapit dengan tag <strike>
  • anchor(x) : menghasilkan karakter yang diapit dengan <a name="x"> (biasanya digunakan untuk link yang menuju ke halaman yang sama)
Contoh : 
text = "WildaniE"
document.write(text.bold().italics().link('http://badar-blog.blogspot.com').big())
hasilnya adalah seperti berikut :

 

Daftar isi artikel