/codegym.vn/ - 114
Bài 5: Tạo bàn cờ caro đơn giản
Mục tiêu:
Luyện tập mảng hai chiều với vòng lặp for, truy cập và thay đổi các phần tử trong
mảng 2 chiều.
Mô tả:
Xây dựng game caro đơn giản. Bàn cờ hiển thị đơn giản gồm N dòng và M cột. Mỗi
giá trị trong cột nhận giá trị mặc định là 0.
Hình 5.8: Minh hoạ caro game 1
Khi người dùng click vào nút “Change Value” sẽ hiển thị hộp thoại yêu cầu nhập vị trí
phần tử cần thay đổi và giá trị phần tử cần thay đổi. Sau khi thay đổi màn hình hiển
thị lại bàn cờ như sau:
Hình 5.9: Minh hoạ caro game 2
Hướng dẫn:
Bước 1: Tạo file carosimple.html.
Bước 2: Tạo giao diện sử dụng thẻ html
1. <!DOCTYPE html>
2. <html lang
=
"en">
3. <body>
4. <h3>Caro Game Simple</h3>
5. <p id
=
"carogame" />
6. <input type
=
"button" value
=
"Change Value" onclick
=
"changeValue
()
">
7. </body>
8. </html>
Bước 3: Hiển thị bàn cờ
