Đề bài: Ứng dụng luyện gõ phím có phản hồi tức thì

Ngữ cảnh: Hiển thị 1 câu mẫu, người chơi gõ lại đúng câu đó vào ô nhập, ứng dụng phản hồi ngay từng ký tự đúng/sai và tính tốc độ gõ.

Yêu cầu

1. Có ô nhập liệu, nút "Bắt đầu", nút "Câu mới", nút "Dừng", nút "Xem kết quả", khu vực hiển thị câu mẫu và trạng thái từng ký tự.
2. Bổ sung xử lý cho tối thiểu 3 loại sự kiện khác ngoài click: keydown để bắt từng phím gõ và phản hồi tức thì, focus/blur trên ô nhập để đổi trạng thái sẵn sàng gõ.
3. Có 1 chức năng chỉ dùng được bằng bàn phím: nhấn phím Enter khi đang gõ để kết thúc sớm và xem kết quả ngay, không cần bấm nút.
4. Toàn bộ hàm xử lý phải tách riêng khỏi phần gắn sự kiện, đặt tên hàm rõ nghĩa.
5. Vẽ và nộp kèm sơ đồ event workflow của tối thiểu 2 tương tác trong bài (ví dụ: gõ 1 ký tự và nhấn Enter để kết thúc sớm). Xem ví dụ sơ đồ trong dapan.html.
6. Giữ nguyên toàn bộ yêu cầu Lần 1: addEventListener cho mọi sự kiện, tối thiểu 5 nút chức năng, 1 phần tử có 2 hàm xử lý cho cùng sự kiện click, bộ đếm thao tác.

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

Bảng phụ hai cột: Bổ sung một bảng phụ hai cột để tóm tắt nhãn và giá trị quan trọng. Không thay ràng buộc này bằng cấu trúc của mã đề khác.