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

Buổi 10: JavaScript vòng lặp và hàm cơ bản

Sản phẩm

Trang giới thiệu học phần, tổ chức lại mã bằng hàm và vòng lặp.

Yêu cầu

  1. Viết hàm renderLessons(danhSach) nhận vào mảng buổi học, dùng vòng lặp for để sinh toàn bộ danh sách nội dung học phần ra giao diện
  2. Viết hàm renderTable(danhSach) dùng vòng lặp để sinh bảng lịch trình học phần từ dữ liệu thay vì viết cứng HTML như ở buổi 1
  3. Viết hàm nhận tham số là từ khóa, dùng vòng lặp để lọc và hiển thị các buổi học khớp với từ khóa
  4. Viết hàm nhận tham số là trạng thái, dùng vòng lặp kết hợp switch của buổi 9 để đếm số buổi học theo từng trạng thái và hiển thị bảng thống kê
  5. Dùng vòng lặp while để xử lý tác vụ chưa biết trước số lần lặp, ví dụ tìm cho tới khi gặp buổi học đầu tiên chưa hoàn thành
  6. Gom toàn bộ mã đã viết ở các buổi trước thành các hàm có tên rõ nghĩa, mỗi hàm làm đúng một việc

Tiêu chí đánh giá

Không còn mã lặp lại, mỗi hàm có nhiệm vụ rõ ràng, giao diện được sinh hoàn toàn từ dữ liệu.

Kết quả mong muốn (đáp án tham khảo)

Ảnh chụp màn hình kết quả đáp án bài tập tại lớp Buổi 10
Ảnh chụp trang dapan/index.html sau khi chạy với dữ liệu mẫu