Đề bài - Bài tập tại lớp

Buổi 11 - Hàm nâng cao và mảng

Arrow Function, mảng, index, length

Sản phẩm

Trang giới thiệu học phần, chuẩn hóa mã theo phong cách hiện đại.

Yêu cầu

  1. Chuyển toàn bộ hàm đã viết ở buổi 10 sang dạng Arrow Function, giữ nguyên chức năng
  2. Tách rõ 2 nhóm hàm: nhóm hàm trả về dữ liệu (lọc danh sách buổi học theo trạng thái, đếm số buổi đã hoàn thành, tính phần trăm tiến độ) và nhóm hàm thực hiện hành động lên giao diện
  3. Hàm trả về dữ liệu không được thao tác trực tiếp lên DOM, kết quả trả về sẽ do hàm hiển thị nhận và dựng lên giao diện
  4. Bổ sung khu vực thống kê tiến độ học phần, số liệu lấy từ các hàm trả về
  5. Bổ sung chức năng cho phép thêm buổi học vào đầu hoặc cuối danh sách bằng unshift và push, xóa buổi ở đầu hoặc cuối bằng shift và pop, cập nhật lại giao diện sau mỗi thao tác
  6. Truy cập phần tử theo index để hiển thị chi tiết buổi học được chọn, dùng length để hiển thị tổng số buổi

Tiêu chí đánh giá

Minh họa kết quả mong muốn

Ảnh chụp màn hình minh họa bài tập tại lớp buổi 11