Game Batu Gunting Kertas

Game Melawan Komputer

Batu gunting kertas adalah game pertama yang melibatkan "kecerdasan" komputer (walau hanya acak). Kamu belajar: pilihan acak komputer, matriks kemenangan, dan skor persisten antar ronde.

Langkah Membangun

HTML: Tiga tombol pilihan besar (✊ ✌️ 🖐), area "kamu vs komputer" yang menampilkan pilihan masing-masing, pesan hasil ronde, papan skor (Menang/Kalah/Seri), dan tombol reset.

CSS: Tombol pilihan besar berbentuk lingkaran dengan hover membesar. Pilihan yang dimainkan ditampilkan besar berdampingan dengan animasi muncul. Skor dalam tiga kartu kecil.

JS: Logika inti:

1. Pilihan komputer: ["batu","gunting","kertas"][Math.floor(Math.random()*3)].
2. Penentu menang: aturan "batu mengalahkan gunting, gunting mengalahkan kertas, kertas mengalahkan batu". Cara elegan: object kalahDari = { batu: "kertas", gunting: "batu", kertas: "gunting" }. Jika pilihan komputer === kalahDari[pilihanKamu], kamu menang.
3. Update skor, tampilkan hasil ronde, tambah ke riwayat.

Trik kalahDari: daripada menulis 9 kombinasi if/else, satu object menyelesaikan semua. Ini contoh "data mengalahkan logika": simpan aturan sebagai data, bukan sebagai cabang kode.

Kesalahan Umum

• Menulis if/else bersarang panjang yang rawan salah ketik (pakai pola object).
• Skor di-reset setiap ronde karena variabel ditaruh di dalam fungsi (taruh di luar).
• Tidak menangani seri dulu sehingga seri terhitung kalah.