Membuat font resizer

Selamat pagi.

pada hari ini saya akan berbagi bagaimana membuat font resizer, dimana font resizer ini digunakan sebagai pengaturan besarnya ukuran tulisan pada suatu content, jadi user dapat memperbesar atau kecil ukuran tulisan sesuai kebutuhan mata.

font resizer sering di temui pada situs - situs baca novel atau situs baca lain yang umum di baca oleh segala umur sehingga penggunakan ukuran teks yang status menyulitkan pembaca untuk membaca dengan nyaman.

sebelum kita mulai membuat programnya, mari kita buat kerangka berfikir nya terlebih dahulu untuk memecahkan masalah ini. hal dasar yang kita butuhkan adalah

1. indicator teks (agar user mengetahui ukuran tulisan sekarang)
2. tombol incremenet & decrement untuk ukuran size
3. content yang ingin di kenakan perubahan ukuran

untuk algoritma .

1.  kita akan ambil nilai awal dari indicator size yang tersedia
2.  kita akan membesar/kecilkan ukuran dengan tombol dengan kondisi 
• setiap di klik increment maka ukuran pada indikator akan di tambah 1
• setiap di klik decremenet maka ukuran pada indikator akan di kurang 1
3. lalu ukuran sekarang  kenakan ke element/content yang kita tuju

untuk awalnya kita akan coba buat struktur yang sederhana.



lalu kita rapikan sedikit dengan css seperti berikut.

jika sudah maka tampilan akan terlihat seperti berikut

dan agar tombol resize nya dapat digunakan gunakan script berikut

selamat mencoba.