Show Tutorial kali ini merupakan tutorial yang cukup menarik untuk disimak. Karena kita akan bermain-main lagi dengan kode CSS. Tutorial kali ini saya beri judul Mengubah Nilai Properti CSS dengan Checkbox. Sebelum membahas bagaimana caranya, sebaiknya sobat mengetahui terlebih dahulu bagian atau struktur dari suatu kode CSS. Struktur dari kode CSS dapat sobat lihat melalui gambar di bawah ini. Untuk mengubah nilai properti dari CSS sebenarnya ada banyak cara, diantara cara yang pernah saya gunakan adalah menggunakan kode jQuery atau JavaScript dan juga dengan cara menambahkan style di dalam tag html. Dan baru-baru ini saya belajar hal baru lagi tentang bagaimana cara mengubah nilai properti dari CSS yakni dengan menggunakan form input checkbox. Cara Mengubah Nilai Properti CSS dengan CheckboxSebelum kita membahas mengenai caranya, sobat terlebih harus mengetahui jika checkbox memiliki 2 nilai atau value yakni checked (dicentang) dan unchecked (tidak dicentang) nilai default dari checkbox adalah unchecked. Jadi kita akan mengubah nilai properti CSS saat checkbox kondisi dicentang dan saat kondisi tidak dicentang. Bagaimana caranya? Silahkan ikuti langkah-langkanya di bawah ini.
Keterangan: #merah dan #word merupakan id dari checkbox Untuk unchecked maka kode CSS dengan tulisan checked akan diubah menjadi not(:checked)
Sobat dapat juga melakukan sedikit kreativitas agar dapat mengubah nilai properti dengan cara mengganti checkbox tersebut dengan menggunakan sebuah button yang dibentuk dari tag label(bisa dilihat di halaman demo). Untuk melihat demonya silahkan klik link demo berikut Mungkin penjelasan di atas masih kurang jelas. Oleh karena itu jangan sungkan-sungkan untuk menanyakannya di kolom komentar. Baca juga :
Demikian tutorial tentang bagaimana cara Mengubah Nilai Properti CSS dengan Checkbox. Semoga bermanfaat dan tunggu postingan menarik lainnya di blog ini. Terimakasih salam blogging :)
Cara mudah untuk mengubah warna cell dengan pengecekan jika checkbox -> checked maka cell akan berubah warna. 1. Buat tabel dengan beberapa kolom
Popular posts from this blog Punya hobi menggambar? kamu tidak perlu buru-buru beli drawing pad, manfaatkan saja smartphone yang kamu miliki. Yap bagi kalian yang suka mendesain pasti tahu apa itu drawing pad, drawing pad adalah hardware untuk menggambar dengan tangan atau stylus pen, hasil gambar dapat
dilihat didalam layar komputer, seperti menggambar manual menggunakan pensil. Trik mudah untuk mengubah smartphone menjadi drawing pad : 1. Download Aplikasi Spacedesk di smartphone, kalian bisa langsung download di playstore. 2. Download Aplikasi Spacedesk Server untuk komputer/laptop, dapat di donwload pada link berikut https://spacedesk.net/ 3. Install dilaptop dan smartphone kalian. 4. Setelah terinstall hubungkan kedua perangkat, bisa menggunakan kabel usb dengan mode develop, dan juga
menggunakan 1 jaringan yang sama. 5. Buka aplikasi di kedua perangkat. 6. Kemudian saat kedua perangkat sudah terhubung -> Connect to Primary Machine (Server) -> pilih IP laptop anda. Smartphone sudah dapat dijadikan draw Flowchart & Source code Stack pada DevC++ Flowchart Sourcecode Stack pada DevC++
Sector (Disc Sector) Sektor (Disc Sector) adalah basic unit dari hardisk yang merupakan sebuah bagian atau sub-divisi dari sebuah track, yang biasa terdapat pada magnetic disk atau optical disk. Biasanya, masing-masing sektor menyimpan data dengan jumlah tertentu, sesuai dengan kesepakatan yang telah dibuat oleh perancang sektor. Pada umumnya, beberapa format ukuran yang digunakan untuk sektor adalah 512 bytes (untuk magnetic disks) dan 2048 bytes (untuk optical disks). Secara sederhana, hardisk
terdiri dari banyak bagian yang disebut sebagai sektor. Sektor-sektor tersebut membentuk sebuah lingkaran. Sebuah jalur lingkaran tungal yang yang membentuk lingkaran konsentris disebut dengan track. Dalam hardisk, setiap sector terdiri dari tiga bagian utama. Beberapa bagian tersebut antara lain: ยท Sector Header, berisi berbagai macam informasi yang digunakan untuk melakukan
sinkronisasi internal pada hardisk. Informasi yang ada pada sector header adalah gap, s |