Đề bài: Bảng điều khiển máy tính bỏ túi

Ngữ cảnh: Kế thừa toàn bộ yêu cầu Lần 1 (mã đề B - Flashcard từ vựng) về addEventListener, tối thiểu 5 nút, bộ đếm thao tác. Chủ đề mới: máy tính bỏ túi thực hiện 4 phép tính, thao tác được bằng cả chuột và bàn phím.

Yêu cầu

1. Có các nút số 0-9, 4 nút phép tính (+, -, x, /), nút "=", nút "Xóa" (C), màn hình hiển thị kết quả.
2. Bổ sung xử lý cho tối thiểu 3 loại sự kiện khác ngoài click: mouseover/mouseout để hiện/ẩn chú thích hướng dẫn khi rê chuột vào các nút, và keydown để bắt phím số và phép tính gõ trực tiếp từ bàn phím.
3. Có 1 chức năng chỉ dùng được bằng bàn phím: nhấn phím Escape để xóa toàn bộ phép tính hiện tại (không có nút tương đương bắt buộc, chỉ có phím tắ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ụ: bấm nút số và gõ phím số). 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ã đề 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.