Đề bài: Ứng dụng lật thẻ ghi nhớ từ vựng

Ngữ cảnh: Xây dựng ứng dụng flashcard, mỗi thẻ có mặt trước là từ tiếng Anh và mặt sau là nghĩa tiếng Việt, người dùng bấm để lật thẻ và ghi nhớ.

Yêu cầu

1. Ứng dụng có tối thiểu 5 nút chức năng khác nhau, ví dụ: lật thẻ, thẻ trước, thẻ sau, đánh dấu đã thuộc, trộn lại bộ thẻ.
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 (ví dụ nút "Lật thẻ" vừa đổi mặt thẻ vừa ghi nhận số thao tác).
4. Sau mỗi lần bấm, giao diện phải phản hồi rõ ràng: đổi nội dung, đổi class hoặc hiện thông báo trạng thái.
5. Có bộ đếm ghi lại tổng số lần người dùng thao tác trên trang và hiển thị lên giao diện.
6. Bộ thẻ có tối thiểu 8 từ vựng, hiển thị được số thẻ đã đánh dấu thuộc trên tổng số thẻ.

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ã đề B

Thanh tóm tắt dạng danh sách: Thêm một thanh tóm tắt gồm danh sách gạch đầu dòng, đặt sau phần giới thiệu. Không thay ràng buộc này bằng cấu trúc của mã đề khác.