Mục lục:
2025 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2025-01-13 06:58
Mục đích: Sau khi hoàn thành phần này, bạn sẽ học cách tạo một trò chơi Rock, Kéo giấy đơn giản từ đầu bằng Code.org.
Tài liệu / Yêu cầu cần thiết: Hiểu biết cơ bản về cú pháp Javascript, máy tính, tài khoản Code.org.
Bước 1: Mở không gian làm việc
1. Bắt đầu bằng cách mở code.org, nhấp vào tạo dự án và nhấp vào phòng thí nghiệm ứng dụng
Bước 2: Thiết kế giao diện người dùng
2. Nhấp vào tab thiết kế ở góc trên bên trái của môi trường mã hóa và kéo ba nút (Rock, Paper, Scissors). Gắn nhãn chúng và thay đổi ID của chúng cho phù hợp. Ngoài ra Trong tab thiết kế, kéo các nhãn cho: Lựa chọn CPU, Lựa chọn Người chơi và chỉ báo Thắng hoặc Thua. ID này cho phù hợp, kết quả cuối cùng sẽ giống như hình ảnh trên.
Bước 3: Tạo chức năng nhấp chuột
Tạo các chức năng Sự kiện chạy khi mỗi nút được nhấp. Để thực hiện việc này, hãy nhấp vào nút mong muốn trong tab thiết kế, sau đó nhấp vào chèn mã dưới tab sự kiện trong không gian thiết kế.
Bước 4: Chức năng GetWinner
Viết một hàm được gọi là getWinner với tham số, "playerChoice".
Bước 5: Gọi chức năng GetWinner
Trong mỗi chức năng Sự kiện nhấp chuột, hãy gọi hàm getWinner, gửi một chuỗi có tên mục tương ứng với hàm.
Bước 6: Nhận sự lựa chọn của CPU
Trong hàm getWinner, hãy khởi tạo một biến “cpuChoice và yêu cầu nó gửi một số ngẫu nhiên từ 0 đến 2 đến một hàm randomPick mới. Tạo hàm randomPick với tham số int.
Bước 7: Viết RandomPick
Trong chức năng randomPick, trả về một mục khác nhau cho mỗi số ngẫu nhiên từ 0 đến 2. Ví dụ: nếu x = 0 trả về "Rock". Đặt văn bản của Nhãn thành “CPU chọn” && mục
Bước 8: Xác định người chiến thắng
Quay lại chức năng getWinner, so sánh playerChoice với cpuChoice bằng cách sử dụng câu lệnh if else để xác định người chiến thắng. Khởi tạo Boolean đặt thành true nếu Người chơi được xác định là người chiến thắng và ngược lại là false. Thận trọng: Kiểm tra xem có hòa trước không.
Bước 9: Ghi lại kết quả
Khi kết thúc hàm getWinner, hãy đặt một biến toàn cục cho số lần thắng CPU và số lần thắng của Người chơi và điều chỉnh từng biến cho phù hợp. Điều chỉnh nhãn tương ứng ở cuối chức năng getWinner (khi người chiến thắng đã được xác định). Thay đổi nhãn chính thành “Bạn thắng” hoặc “Bạn thua” ở đây
Bước 10: Kết thúc
Tại thời điểm này, chương trình của bạn sẽ kết thúc, hãy nhấp vào chạy và chơi trò chơi để đảm bảo rằng nó hoạt động bình thường.