← Kembali ke Beranda
Ilustrasi Artikel

Proyek Mini: Membuat Program Pengecek Angka Ganjil dan Genap

Halo Sobat Jurnal Coding! Selamat datang di kategori Proyek! Setelah kita membahas teori dan konsep dasar JavaScript di artikel sebelumnya, sekarang saatnya kita mengotori tangan kita dengan mengetik kode sungguhan. Kita akan membuat sebuah aplikasi mini yang sangat sederhana namun memiliki logika fundamental yang sangat krusial: Pengecek Angka Ganjil dan Genap.

Mungkin kamu bertanya-tanya, "Ah, proyek ganjil genap kan pelajaran anak SD, untuk apa dipelajari lagi?"

Jangan salah sangka. Di dunia pemrograman profesional sekelas aplikasi e-commerce besar, kemampuan membedakan angka ganjil dan genap ini digunakan setiap hari lho! Pernahkah kamu melihat sebuah tabel data panjang di mana baris pertamanya berwarna putih, baris keduanya abu-abu, baris ketiganya putih lagi, dan seterusnya? Pewarnaan tabel selang-seling (Zebra Striping) itu dibuat menggunakan logika ganjil-genap ini agar mata pengunjung tidak lelah saat membaca data yang menumpuk.

### Senjata Rahasia Kita: Operator Modulo (%)

Untuk mendeteksi apakah sebuah angka itu ganjil atau genap, kita akan menggunakan sebuah simbol matematika sakti di dunia coding yang bernama Modulo (diwakili oleh simbol persen %).

Jika di sekolah kita diajarkan bahwa persen itu untuk menghitung diskon belanja, maka di dunia pemrograman, simbol % berfungsi untuk mencari Sisa Hasil Bagi.

Analogi mudahnya seperti ini: Bayangkan kamu memiliki 5 buah permen karet, dan kamu ingin membagikannya secara rata kepada 2 orang temanmu. Masing-masing temanmu akan mendapatkan 2 permen, dan di tanganmu akan tersisa 1 permen yang tidak bisa dibagi lagi tanpa memotongnya. Nah, "sisa 1 permen" itulah yang disebut Modulo.

Aturan mutlak alam semesta matematika:
- JIKA sebuah angka dimodulo 2 (dibagi 2) menghasilkan sisa 0, MAKA angka itu pasti Genap.
- JIKA sebuah angka dimodulo 2 (dibagi 2) menghasilkan sisa 1, MAKA angka itu pasti Ganjil.

### Mari Menulis Kode Aplikasinya!

Kita akan menyatukan HTML sebagai kerangka visual dan JavaScript sebagai otak penelitinya. Buat sebuah file baru di Text Editor-mu, dan masukkan mahakarya kode berikut ini:


Pengecek Ganjil Genap Jurnal Coding









Hasilnya akan muncul di sini.








### Bedah Kode agar Kamu Tidak Pusing

Coba perhatikan baik-baik kode JavaScript di dalam tag script tersebut. Saat pengunjung mengeklik tombol, sistem kita akan memicu sebuah tindakan gaib yang bernama fungsi (function).

Sistem akan menangkap angka dari kotak input, menyimpannya ke dalam memori variabel `angkaDiKetik`. Lalu, kita menggunakan logika keputusan If/Else bertingkat. Pertama, kita mengecek apakah pengunjung iseng membiarkan kotaknya kosong (mencegah error). Jika kotaknya terisi angka, barulah mesin Modulo kita bekerja menguji sisa hasil baginya dengan angka 2. Jika sisanya 0, maka ia menyuruh HTML merender teks Genap ke layar dengan instan tanpa loading sama sekali!

Proyek mini ini adalah batu loncatan yang sangat solid. Memahami Modulo dan memadukannya dengan DOM (Document Object Model) HTML akan membuka gerbang pemahaman logika yang jauh lebih luas. Cobalah mainkan proyek ini di browser-mu, dan bersiaplah untuk proyek selanjutnya yang jauh lebih mendebarkan!

Apa pendapatmu tentang artikel ini?