Pada kesempatan kali ini kita akan belajar tentang cara memberikan warna pada kolom table sesuai isi namanya, jadi pada kasus kali ini saya akan mencoba membuat sebuah table dimana sebuah kolom pada table itu sudah saya berikan sebuah kode heksa jadi ketika kolom itu saya klik maka yang terjadi kolom tersebut akan terisi oleh sebuah warna sesuai namanya kolom tersebut seperti itu ya teman-teman. oke dari pada tambah penasaran simak terus ya.

Oke tamplate yang saya gunakan masih menggunakan HTML dan CSS ya teman-teman belum menggunakan bootstrap ko, jadi masih sangat dan masih enak di mengerti, jadi silahkan teman-teman siapkan template seperti ini:

Table yang saya siapkan hanya seperti itu ya teman-teman, jika teman-teman ingin menggantinya bisa menggunakan sebuah value warna dari css yaitu bisa berupa kode HEXSA , RGB, langsung warna dengan bahasa inggris juga bisa, seperti warna pink, orange, blue dan lain-lain. oke sekarang kita langsung lihat struktur lengkapnya ya teman-teman.

oke jadi di atas silahkan teman-teman copy untuk melihat hasilnya, masih paham ya, saja menggunakn property target lalu menggunakan event click dan double click jadi ketika di click warna akan muncul, tetapi ketika saya double click warna akan menghilang seperti itu ya teman-teman, menarik ya, oke jadi seperti ini hasilnya:

Cara Memberikan Warna Pada Kolom Table sesuai isi namanya

Bisa di lihat ya, warna yang putih itu adalah warna yang saya klik dua kali, dan warna tersebut hilang seperti itu, mungkin efek ini tidak terlihat ya, karena terbatas sebuah gambar, yang saya sarankan teman-teman silahkan coba cara memberikan warna pada kolom table sesuai isi namanya diatas, untuk melihat hasilnya langsung, dan saya rasa cukup sampai disini dulu semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.