Đề bài: Ứng dụng bình chọn có thống kê lượt bình chọn
Ngữ cảnh: Trang bình chọn cho 4-5 lựa chọn (ví dụ món ăn yêu thích), mỗi lựa chọn có 1 nút bình chọn, hiển thị thống kê số lượt và phần trăm ngay khi bấm.
Yêu cầu
- Ứng dụng có tối thiểu 5 nút chức năng khác nhau: các nút bình chọn cho từng lựa chọn và nút "Đặt lại toàn bộ".
- 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.
- Sau mỗi lần bình chọn, cập nhật ngay số lượt, phần trăm và độ dài thanh biểu diễn của lựa chọn đó.
- Có bộ đếm ghi lại tổng số lượt bình chọn của toàn bộ trang và hiển thị lên giao diện.
- Nút "Đặt lại toàn bộ" đưa toàn bộ số liệu về 0.
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.