MiniProject 2 modul 4 : styleEventItems

JavaScript miniproject 2 modul 4 by Araechpaet.R.Gading

Halo semuanya! Saya Araechpaet, murid kelas X-RPL dari SMKN 1 Jakarta, dan saya senang dapat berbagi pengalaman tugas DPK dan mini project kedua saya. Setelah sukses mengeksplorasi proyek sebelumnya, kali ini kita akan merambah ke dunia yang tak kalah menarik, yaitu dasar-dasar JavaScript dan project mendatang.

MiniProject 2 modul 4:

code:

Jika pada miniproject sebelumnya, saya menggunakan internal javascript (js), pada project kali ini saya menggunakan eksternal js, atau saya membuat file baru  dan dihubungkan dengan script src (lihat baris 29). selain itu saya juga menambahkan style css untuk membuat bilangan genap menjadi tebal dan biru, yang nanti akan bisa kita atur melalui js

ini bagian js nya, dengan menggunakan perulangan foreach, seperti code diatas, yang habis dibagi 2, atau bilangan genap, akan menambahkan class blue-bold, yang mana class blue-bold adalah css yang belum ditambahkan. jika anda tidak ingin berbeda file, bagian script js bisa diganti langsung menjadi js diatas dengan perintah script.

Result:

pada tampilan web akan muncul seperti ini, dan itemnya bisa ditambahkan sesuka hati di bagian HTML ul

jika button di click, maka item yang genap akan berubah warna menjadi biru tebal.

penutup: kita sudah menyelesaikan miniproject 2 modul 4, yang bisa dibilang masih simple, ke depannya mungkin kita bisa membuat miniproject yang lebih menarik lagi, jika ada kekurangan di blog saya mohon maaf sebesar besarnyak terimakasih sudah berkunjung!

-Alg