cara membuat range beserta valuenya, itu sangat simple sekali, teman-teman tau ya apa itu range, range adalah salah satu dari input type yang digunakan untuk memasukan sebuah value dengan cara menggeser seperti timbangan, atau jika teman-teman lihat itu seperti teman-teman ingin menaikan dan mengecilkan volume pada komputer. Bagaimana apakah sudah ada bayangan tentang membuat range, jika belum kita simak terus ya.

Seperti yang saya tulis di atas ya, cara membuat range disini saya akan mencobanya dengan menggunakan jquery ui, tetapi di jquery ui sendiri, namanya bukan range methodnya tetapi slider, dan tadinya saya juga ingin membuat range ini dengan menggunakan bootstrap tetapi ketika saya lihat ternyata saya lebih suka tampilan range yang ada pada jquery ui ini, jadi tampilan pada bootstrap itu benar-benar seperti timbangan tetapi jika design dari jquery ui cukup enak dilihat saja seperti gambar di bawah ini:

membuat range dengan jquery ui membuat range dengan bootstrap

Bisa dilihat yang sebelah kiri adalah contoh membuat range dengan jquery ui dan yang sebelah kanan itu dari bootstrap, bisa dilihat juga jika kita gunakan bootstrap untuk tampilan valuenya tidak cukup sempit ya untuk menampilkannya, setuju ya lebih enak kita gunakan menggunakan range pada jquery ui.

Lalu bagaimana cara membuatnya oke jika teman-teman mencari di dalam jquery dengan nama range tidak akan ketemu ya karena di jquery ui ini dinamakan slider, oke langsung saja ya saya lihatkan contoh kodingan semunya, seperti ini:

Silahkan teman-teman lihat dan copy sengaja saya gunakan serba online jadi teman-teman juga bisa melihat hasilnya, untuk hasilnya tidak perlu saya tampilkan lagi ya, karena di atas saya rasa cukup, dan saya rasa cukup juga pembelajaran kita hari ini tentang cara membuat range menggunakan jquery ui, sampai jumpa pada artikel berikutnya terimakasih.