Merubah Warna List yang Genap (modul 4 project 2)

 

    Pada blog kali ini saya akan menjelaskan bagaimana cara meambuat sebuah program yang akan merubah warna list yang genap dengan sebuah button

1. Langkah Pertama

    

    Langkah pertama yang harus kita lakukan adalah membuat sebuah list dengan jumlah sesuai yang kita mau, lalu buat sebuah button dengan element dan event "onclick" untuk memanggil fungsi berubah tebel (contoh <button onclick="berubahtebel()"></button>)

2. Langkah Kedua

    Kita mulai membuat code JavaScript pada tag <script>, pertama-tama kita harus membuat fungsi dengan nama berubahtebel dan di dalam fungsi tersebut kita membuat variabel dengan nama listItem dengan value document.querySelectorAll("ul li") untuk memilih semua elemen ("ul li")

3. Langkah Ketiga

    Membuat loop for untuk mengecek apakah nilai i (list) ganjil atau genap dan jika index list genap

maka akan merubah isi list menjadi warna blue dan bold