Đề bài: Bài trắc nghiệm kiến thức có chấm điểm
Ngữ cảnh: Xây dựng một bài trắc nghiệm nhỏ, hiển thị lần lượt từng câu hỏi, cho phép người dùng chọn đáp án và chấm điểm tự động bằng JavaScript Event.
Yêu cầu
- Ứng dụng có tối thiểu 5 nút chức năng khác nhau, ví dụ: chọn đáp án, chuyển câu tiếp theo, xem gợi ý, làm lại từ đầu, nộp bài.
- Mọi sự kiện đều gắn bằng
addEventListener, không được dùng thuộc tínhonclicktrong HTML. - 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 "Nộp bài" vừa tính điểm vừa ghi nhận số thao tác).
- 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 (đúng/sai, đã chọn...).
- 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.
- Bài trắc nghiệm có tối thiểu 5 câu hỏi, mỗi câu 4 phương án, chấm điểm và hiển thị kết quả cuối khi nộp bài.
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ã đề A
Khối điểm nhấn đứng trước danh sách chính: Đặt một khối điểm nhấn/featured ở đầu vùng nội dung, trước danh sách hoặc bảng chính. Không thay ràng buộc này bằng cấu trúc của mã đề khác.