Pada artikel sebelumnya saya sudah membuat kode warna menggunakan RGBA disini kita akan melanjutkan bagaimana cara membuat kode hexa warna generator dengan VueJS, karena disini adalah lanjutan artikel kemarin dan saya juga masih menggunkan template yang kemarin jadi hasilnya nantinya akan ada RGBA dan HEXA ya, mari simak terus ya teman-teman.

Bagi teman-teman yang baru saja bergabung cara membuat kode hexa warna generator dengan VueJS, teman-teman bisa simak artikel sebelumnya ya, karena disini saya anggap teman-teman sudah paham tentang VueJS, jika belum tau apa itu VueJS teman-teman juga bisa liat artikel saya sebelum-belumnya karena disitu saya juga menjelaskan apa itu VueJS, dan untuk kasus kali ini ketika kita menginputkan suat value nilai RGBA maka kode hexa pun akan muncul ya, oke kode hexa sendiri saya membuatnya seperti ini

ini lah kode yang membuat kode hexa, jadi nantinya nilai itu akan dari 0-9 dimana akan mengasilkan 0-9 juga, tetapi ketika value menunjukan huruf a, yang tadinya #090000 menjadi #0a0000 dan ketika sudah mencapi huruf “f” maka secara otomatis huruf f itu berada pada index pertama dan ketika di jalankan kembali akan di mulai dari index pertama “1” dan index kedua “0”. begitu seterusnya, supaya enak kita lihat langsung saja cara pembuatannya seperti ini:

kode ini saya masukan pada computed, dan ini lah kode lengkapnya

silahkan teman-teman copy dan lihat hasilnya, seperti ini:

Cara Membuat Kode Hexa Warna Generator dengan VueJS

dan teman-teman bisa lihat demonya dsini demo,

dan saya rasa cukup sampai disini belajar kita tentang cara membuat kode hexa warna generator dengan VueJS, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.

WhatsApp chat