Mã đề F - Lần 1

Đề bài: Ứng dụng quay số may mắn

Ngữ cảnh: Danh sách người tham gia bốc thăm, bấm nút quay để chọn ngẫu nhiên 1 người trúng thưởng, có thể loại người đã trúng khỏi lượt quay sau.

Yêu cầu

  1. Ứng dụng có tối thiểu 5 nút chức năng khác nhau: quay số, dừng/xem kết quả, loại người vừa trúng khỏi danh sách, thêm người mới vào danh sách, đặt lại toàn bộ.
  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.
  4. Sau mỗi lần quay, hiển thị rõ tên người trúng và số lượt đã quay.
  5. Có bộ đếm ghi lại tổng số lượt quay và hiển thị lên giao diện.
  6. Xử lý được trường hợp danh sách hết người tham gia, hiển thị thông báo phù hợp.

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

Khối details/summary: Dùng details/summary để trình bày một ghi chú mở rộng liên quan đến mã đề. Không thay ràng buộc này bằng cấu trúc của mã đề khác.

Ảnh chụp minh họa kết quả bài Ứng dụng quay số may mắn