Jika kita membicarakan satuan panjang kita pasti teringat pada jaman waktu kita sekolah SD dulu, dimana kita harus menghafal berapa perbedaan jarak antara kilometer ke meter dan meter kelainnya, maka dari itu disini saya akan mencoba cara membuat konversi satuan panjang dengan VueJs, dimana dari 1km ke bawah itu kita akan di kalikan 10, ini ada rumusnya ya, seperti tangga jika kebawah di kalikan 10 jika ke atas di bagi 10, bagaiaman cara membuatnya simak terus ya teman-teman.

di VueJs untuk cara membuat konversi satuan panjang dengan VueJs, saya membutuhkan sebuah bantuan watch, watch ini cocok digunakan untuk menghasilkan nilai yang keluar langsung seperti perhitungan satuan panjang ini, caranya cukup simple di dalam data kita masukan value dari sebuah inputan, disini saya akan mencoba membuat perbandingan dari km ⇔ m ⇔ cm ⇔ mm, lalu di dalam watch saya tinggal mensetting ketika saya menginputkan dari km maka yang lain akan mengeluarkan hasil, seperti ini:

dan seterusnya, oke langsung saja silahkan teman-teman copy saja dan silahkan lihat hasilnya sendiri:

disini saya mencoba membuatnya dengan link CDN jadi teman-teman jika mencopy code diatas akan bisa langsung melihat hasilnya demo, dan ini tampilan layout hasil jadinya:

cara membuat konversi satuan panjang dengan VueJs

Bagaimana silahkan teman-teman coba masukan dari km, m, cm, mm, dan lihat inputan dari yang lain akan ikut berubah, oke sepertinya penjelasan saya cukup jelas tentang cara membuat konversi satuan panjang dengan VueJs, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

 

WhatsApp chat