Progress 0%
JS
Mengubah Gaya (DOM CSS)
Menggunakan JS untuk mengubah desain elemen secara langsung.
🎯
Penjelasan Lengkap
🎯
Penjelasan Lengkap
JavaScript tidak hanya bisa mengubah teks HTML, tetapi juga bisa memaksa perubahan gaya CSS secara instan.
•
.style : Properti sakti untuk mengakses CSS melalui JavaScript.
•
CamelCase : Di JS, properti CSS yang menggunakan tanda hubung (seperti background-color) ditulis menyatu dengan huruf besar di tengah (backgroundColor).
•
Berguna untuk membuat "Dark Mode" atau menyembunyikan elemen (display = "none").
💻 Contoh Kode / Formula Prompt
<div id="kotak" style="width: 100px; height: 100px; background-color: blue;"></div>
<script>
let elemenKotak = document.getElementById("kotak");
// Mengubah warna menjadi merah muda
elemenKotak.style.backgroundColor = "pink";
// Mengubah bentuk jadi bulat
elemenKotak.style.borderRadius = "50%";
</script> ✨ Hasil Tampilan / Simulasi AI
Hasil Preview
📝
Tugas Praktik (Pertanyaan)