Đề bài: Trò chơi lật hình tìm cặp giống nhau

Ngữ cảnh: Một lưới các ô úp, mỗi ô ẩn 1 biểu tượng, mỗi biểu tượng xuất hiện đúng 2 lần. Người chơi lật 2 ô mỗi lượt để tìm cặp giống nhau.

Yêu cầu

1. Ứng dụng có tối thiểu 5 nút chức năng khác nhau: ô lật hình (nhiều ô, mỗi ô là 1 nút), nút "Chơi lại", nút "Xem toàn bộ" (gian lận để kiểm tra).
2. Mọi sự kiện đều gắn bằng addEventListener, không được dùng thuộc tính onclick trong HTML.
3. Có ít nhất 1 phần tử được gắn 2 hàm xử lý khác nhau cho cùng sự kiện click.
4. Sau mỗi lượt lật 2 ô, hiển thị rõ đã khớp cặp hay chưa, đổi class các ô tương ứng.
5. Có bộ đếm ghi lại tổng số lượt lật và số cặp đã tìm được, hiển thị lên giao diện.
6. Không dùng CSS Grid để dựng lưới ô (dùng Flexbox có bọc dòng).

Kết quả mong đợi tương tự hình minh họa dưới đây (xem file dapan.html để đối chiếu chi tiết):

Ràng buộc cấu trúc riêng cho mã đề G

Blockquote nhận xét: Thêm một nhận xét nổi bật bằng blockquote, sau đó có đoạn giải thích ngắn. Không thay ràng buộc này bằng cấu trúc của mã đề khác.