Javascript dapat membuat website kita menjadi indah dan menarik, karena dengan javascript kita dapat membuat animasi pada elemen html yang telah kita buat, misalkan meberikna efek memutar pada suatu icon atau merubah ukuran font pada suatu teks. Pada tutorial kali ini saya akan memberikan tutorial tentang bagaimana Cara Merubah Ukuran Font Menggunakan Javascript.

Dengan menggunakan tag button kita akan mencoba merubah ukuran font pada sautu text yang telah kita ketikan dan tentunya di perlukan id untuk kita gunakan dalam program javascriptnya. Langsung saja saya akan memberikan langkah-langkah Cara Merubah Ukuran Font Menggunakan Javascript, berikut langkah-langkahnya:

1. Langkah pertama

Teman-teman buka text editor lalu ketikan kode html di bawah ini:

2. Langkah kedua

Teman-teman ketikan script di bawah ini unutk merubah ukuran fontnya

3. Langkah ketiga

Buka file html teman-teman di browser, maka akan tampak tampilan seperti gambar di bawah ini:

Cara Merubah Ukuran Font Menggunakan Javascript

Coba teman-teman klik tombol xx-large maka ukuran font pada teks akan berubah menjadi sangat besar

Cara Merubah Ukuran Font Menggunakan Javascript

dan apabila teman-teman klik tombol xx-small maka ukuran font akan berubah menjadi sangat kecil

Cara Merubah Ukuran Font Menggunakan Javascript

Dan berikut saya berikan ukuran apa saja yang bisa kita pakai untuk merubah ukuran dari text tersebut:

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

Teman-teman bisa mengganti ukuran font dengan ukuran yang sesuai untuk website teman-teman.

Bagaimana teman-teman cukup mudahkan merubah ukuran font menggunakan javascript. Sekian tutorial tentang Cara Merubah Ukuran Font Menggunakan Javascript, semoga bermanfaat.

WhatsApp chat