PROJECT SEDERHANA JAVASCRIPT #4 MODUL 5

 



Dynamic List Element Color Customization with JavaScript





  1. Daftar Elemen: Terdapat sebuah daftar dengan elemen-elemen <li> seperti "halo," "selamat," "pagi," dan seterusnya.


  2. Dropdown Menus: Ada dua dropdown menu dengan opsi warna, satu untuk elemen ganjil dan satu lagi untuk elemen genap.


  3. CSS Styling: Terdapat beberapa kelas CSS yang menentukan warna teks untuk elemen dengan kelas tertentu.


  4. JavaScript Functions: Ada dua fungsi JavaScript, yaitu Genap() dan Ganjil(), yang dipanggil ketika nilai dropdown diubah. Fungsi-fungsi ini mengatur warna elemen ganjil atau genap sesuai dengan pilihan dropdown.


  5. Dinamika Warna: Melalui JavaScript, warna elemen dapat diubah berdasarkan pilihan yang dibuat oleh pengguna pada dropdown.

Secara keseluruhan, halaman ini memberikan interaktivitas kepada pengguna untuk mengatur warna elemen-elemen dalam daftar dengan menggunakan dropdown menu dan JavaScript.


Hasil Review dan Source CODE:

https://github.com/2ndmurphy/Dynamic-List-Element-Color-Customization-with-JavaScript

Komentar

Postingan populer dari blog ini

PROJECT SEDERHANA JAVASCRIPT #14 MODUL 8