Senang bisa bertemu kembali dengan sobat coders di Udacoding Baraja. Semoga kita selalu diberikan kesehatan ya oleh Allah supaya kita bisa tetap belajar bersama di dunia percodingan melalui Udacoding Baraja. Okay Sobat Coders, pada minggu sebelumnya kita sudah belajar mengenai bagaimana cara membuat form log in dengan HTML. Pada minggu ini kita akan belajar dengan CSS ya sobat coders yaitu tentang the var() function yang ada di css. Materi ini tidak kalah menarik tentunya dengan materi pekan kemarin. Langsung saja yok kita bahas sobat coders.
Apa sih yang di maksud dengan the var() function? The var() function merupakan sebuah function yang digunakan untuk memasukan nilai variable CSS. Di sini saya memakai the var() function itu dalam hal warna desain sobat coders. Biasanya kan kita sering menyalin atau menempelkan warna yang sama berulang kali. Capek nggak sih… sobat coders! Nah…, disini lah kegunaan dari the var() function yaitu kita hanya perlu menempatkan warna yang kita inginkan dalam variable. The var() function memiliki syntax yaitu var (–name, value ). Nama itu wajib dan name variable harus dimulai dengan dua tanda hubung yaitu “ – “ sedangkan untuk value nilainya itu opsional sesuai warna yang sobat coders pilih. Terus bagaimana sih cara menggunakan the var() function ? Variabel yang akan kita buat ini akan memiliki cangkupan global yaitu dengan mendeklarasikan didalam selector :root. Dari pada bingung yuk langsung saja kita coba sobat coders.

Jika coding diatas diketikan di code editor sobat coders dan dijalankan, maka akan menghasilkan tampilan seperti dibawah ini :

Gimana sobat coders mudah bukan, kita hanya perlu memanggil var() yang sudah kita buat sesuai dengan warna yang sudah kita tentukan sebelumnya. Jadi cara ini menurut saya lebih simple dan praktis jika kita ingin memberikan warna atau mengganti warna. Okay sobat coders untuk sharing nya cukup disini dulu ya. Semoga ilmunya bisa bermanfaat. Terima kasih banyak sobat sobat coders dan sampai berjumpa di pekan berikutnya ya. Sampai jumpa sobat coders.