Daftar Isi:
- Langkah 1: Buka Ruang Kerja
- Langkah 2: Rancang Antarmuka Pengguna
- Langkah 3: Buat Fungsi Klik
- Langkah 4: Fungsi GetWinner
- Langkah 5: Memanggil Fungsi GetWinner
- Langkah 6: Dapatkan Pilihan CPU
- Langkah 7: Tulis RandomPick
- Langkah 8: Tentukan Pemenang
- Langkah 9: Rekam Hasil
- Langkah 10: Selesai
Video: Gunting Kertas Batu: 10 Langkah
2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:55
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.
Direkomendasikan:
Permainan Gunting Kertas Batu: 6 Langkah
Stone Paper Scissor Game: Ini adalah instruksi pertama saya. Saya ingin menulis satu untuk waktu yang lama tetapi saya tidak memiliki proyek apa pun yang dapat saya publikasikan di sini. Jadi ketika saya mendapat ide proyek ini, saya memutuskan ini adalah salah satunya. Jadi saya menjelajahi situs tensorflow.js, itu
Pemelihara Kertas: Hemat Kertas Toilet Dengan Terapi Kejut: 4 Langkah
Pemelihara Kertas: Hemat Kertas Toilet Dengan Terapi Kejut: Kita semua pernah melihat rak kosong di toko bahan makanan dan sepertinya akan ada kekurangan kertas toilet untuk sementara waktu. Jika Anda tidak membeli lebih awal, Anda mungkin berada dalam situasi yang saya alami. Saya memiliki rumah dengan 6 orang dan hanya beberapa gulungan untuk bertahan
Game Gunting Batu Kertas Arduino Genggam Menggunakan Layar LCD 20x4 Dengan I2C: 7 Langkah
Game Gunting Batu Kertas Arduino Genggam Menggunakan Layar LCD 20x4 Dengan I2C: Halo semuanya atau mungkin saya harus mengatakan "Halo Dunia!"Senang rasanya berbagi proyek dengan Anda yang telah menjadi entri saya untuk banyak hal Arduino. Ini adalah permainan Gunting Batu Kertas Arduino genggam menggunakan layar LCD I2C 20x4. SAYA
Gunting Kertas Batu AI: 11 Langkah
Rock Paper Scissor AI: Pernah merasa bosan sendirian? Mari bermain batu, kertas, dan gunting melawan sistem interaktif yang didukung oleh kecerdasan
Pemrograman Berorientasi Objek: Membuat Objek Pembelajaran/Metode/Teknik Pengajaran Menggunakan Gunting: 5 Langkah
Pemrograman Berorientasi Objek: Membuat Objek Pembelajaran/Metode/Teknik Mengajar Menggunakan Gunting: Metode pembelajaran/pengajaran untuk siswa yang baru mengenal pemrograman berorientasi objek. Ini adalah cara untuk memungkinkan mereka memvisualisasikan dan melihat proses pembuatan objek dari kelas. Bagian: 1. Gunting (apa pun bisa dilakukan). 2. Secarik kertas atau kartu stok. 3. Penanda