← Kembali ke Beranda
Ilustrasi Artikel

Proyek Seru: Membangun Game Tebak Angka Rahasia

Halo Sobat Jurnal Coding! Belajar pemrograman memang sering kali terasa kering, kaku, dan penuh dengan perhitungan matematis yang menguras tenaga otak. Jika kita terus-menerus membuat aplikasi kalkulator atau form pendaftaran, dijamin kamu akan cepat merasa bosan (burnout).

Oleh karena itu, hari ini kita akan melakukan penyegaran. Kita akan meninggalkan aplikasi-aplikasi kantor yang kaku tersebut dan beralih ke dunia hiburan murni. Kita akan membuat sebuah Game!

Ya, kita akan membangun Game Tebak Angka interaktif. Pernahkah kamu melihat pesulap yang menyembunyikan sebuah angka rahasia dari 1 sampai 10 di dalam kepalanya, lalu memintamu untuk menebaknya? Jika tebakanmu salah, pesulap itu akan memberikan petunjuk apakah tebakanmu terlalu besar atau terlalu kecil. Hari ini, komputermu akan bertindak sebagai pesulap tersebut!

### Mengajari Komputer Memilih Angka Acak (Random)

Tantangan terbesar dalam membuat game ini adalah: Komputer itu mesin yang kaku. Dia tidak memiliki insting alamiah untuk memikirkan angka secara acak layaknya manusia. Jika kita tidak menyuruhnya, komputer tidak akan pernah bisa menebak angka secara ajaib.

Untungnya, bahasa pemrograman JavaScript telah menyediakan sebuah "mesin pengacak dadu" bawaan yang bernama `Math.random()`. Mesin ini akan menghasilkan angka desimal yang panjang dari 0.000 hingga 0.999. Tentu saja angka desimal sangat tidak enak ditebak. Oleh karena itu, kita harus membulatkan angka tersebut dan mengalikannya dengan batas maksimal yang kita inginkan (misalnya 10 atau 100) menggunakan `Math.floor()`.

### Kerangka Mesin Permainan Kita

Mari kita satukan tampilan visual HTML dengan otak logika JavaScript. Silakan ketik barisan kode mahakarya di bawah ini ke dalam file terpisah, lalu buka di browser-mu.


🎮 Game Tebak Angka Jurnal Coding



Aku sedang memikirkan sebuah angka rahasia antara 1 hingga 100. Bisakah kamu menebaknya?







Mulai menebak untuk melihat petunjuk di sini...








### Keseruan dan Pengalaman Pengguna (UX)

Cobalah mainkan kode game yang baru saja kamu buat. Ketik angka 50. Jika muncul tulisan "Terlalu Besar", turunkan menjadi 25. Proses mempersempit rentang tebakan ini dinamakan metode *Binary Search* di dunia algoritma profesional komputer! Secara tidak sadar, saat kamu bermain game sederhana ini, otakmu sedang berlatih menjadi mesin pencari data yang sangat efisien.

Sebuah game yang baik bukan hanya tentang kode yang berjalan tanpa error, melainkan tentang pengalaman pengguna (User Experience / UX). Coba bayangkan kepuasan mental yang didapatkan pengunjung saat mereka berhasil menebak angka dan melihat layar menampilkan tulisan "BINGO! Kamu sangat jenius!". Sensasi kemenangan kecil itulah yang membuat orang betah berlama-lama bermain di halaman website-mu.

Untuk tugas tambahanmu hari ini: Cobalah modifikasi kode JavaScript di atas dengan menambahkan variabel `nyawaPemain = 5`. Setiap kali pemain salah menebak, kurangi nyawanya 1. Jika nyawa habis, tampilkan teks "Game Over". Eksperimen seperti inilah yang akan mengubahmu dari seorang pemula menjadi Master JavaScript sejati!

Apa pendapatmu tentang artikel ini?