Daftar Isi:
2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-13 06:57
Tujuan: Setelah menyelesaikan ini, Anda akan belajar cara membuat permainan Batu, Gunting Kertas sederhana dari awal menggunakan Code.org.
Bahan / Persyaratan yang dibutuhkan: Pemahaman dasar tentang sintaks Javascript, komputer, akun Code.org.
Langkah 1: Buka Ruang Kerja
1. Mulailah dengan membuka code.org, klik buat proyek, dan klik lab aplikasi
Langkah 2: Rancang Antarmuka Pengguna
2. Klik tab desain di sudut kiri atas lingkungan pengkodean, dan seret tiga tombol (Batu, Kertas, Gunting). Beri label mereka dan ubah ID mereka sesuai dengan itu. Juga Di tab desain, seret label untuk: Pilihan CPU, Pilihan Pemain, dan indikator Menang atau Kalah. ID ini sesuai, hasil akhirnya akan terlihat seperti gambar di atas.
Langkah 3: Buat Fungsi Klik
Buat fungsi Acara yang berjalan saat setiap tombol diklik. Untuk melakukan ini, klik tombol yang diinginkan di tab desain, lalu klik sisipkan kode di bawah tab acara di ruang kerja desain.
Langkah 4: Fungsi GetWinner
Tulis fungsi yang disebut getWinner dengan parameter, "playersChoice".
Langkah 5: Memanggil Fungsi GetWinner
Di setiap fungsi Click Event, panggil fungsi getWinner, mengirimkan string dengan nama item yang sesuai dengan fungsi tersebut.
Langkah 6: Dapatkan Pilihan CPU
Dalam fungsi getWinner, inisialisasi variabel “cpuChoice, dan minta variabel tersebut mengirim nomor acak dari 0 hingga 2 ke fungsi randomPick baru. Buat fungsi randomPick dengan parameter int.
Langkah 7: Tulis RandomPick
Dalam fungsi randomPick, kembalikan item yang berbeda untuk setiap nomor acak dari 0 hingga 2. Mis. jika x = 0 kembalikan “Batu”. Setel teks Label ke "Pilihan CPU" && item
Langkah 8: Tentukan Pemenang
Kembali ke fungsi getWinner, bandingkan playerChoice dengan cpuChoice menggunakan pernyataan if else untuk menentukan pemenangnya. Inisialisasi Boolean yang disetel ke true jika Pemain ditentukan sebagai pemenang, dan tetap salah jika sebaliknya. Perhatian: Periksa apakah ada dasi terlebih dahulu.
Langkah 9: Rekam Hasil
Di akhir fungsi getWinner, atur variabel global untuk jumlah kemenangan CPU dan jumlah kemenangan Pemain dan sesuaikan setiap variabel. Sesuaikan label yang sesuai di akhir fungsi getWinner (setelah pemenang ditentukan). Ubah label utama menjadi "Anda Menang", atau "Anda Kalah" di sini juga
Langkah 10: Selesai
Pada titik ini, program Anda harus selesai, klik jalankan dan mainkan game untuk memastikannya berfungsi dengan baik.