Trang giới thiệu học phần Nền tảng Web

Buổi 10 - Bài tập tại lớp: tổ chức lại mã bằng hàm và vòng lặp (bản đáp án đầy đủ, gộp cả 5 bước)

Bước cuối: toàn bộ mã của 5 bước trước được gom lại thành các hàm có tên rõ nghĩa, mỗi hàm chỉ làm đúng một việc (sinh danh sách, sinh bảng, lọc, thống kê, tìm kiếm, gắn sự kiện). Không còn đoạn mã nào lặp lại giữa các phần, chi tiết xem file app.js.

Tìm buổi học theo từ khóa

Nội dung học phần

Thống kê theo trạng thái

Buổi học chưa hoàn thành gần nhất

Bảng lịch trình học phần

BuổiNội dungChủ đềTrạng thái

Bảng mô tả các hàm đã tổ chức

Tên hàmTham sốNhiệm vụ
renderLessonsdanhSachDùng for sinh danh sách buổi học ra thẻ ul
renderTabledanhSachDùng for sinh các dòng của bảng lịch trình
nhanTrangThaitrangThaiChuyển mã trạng thái sang nhãn tiếng Việt để hiển thị
lopTrangThaitrangThaiChuyển mã trạng thái sang tên class CSS tương ứng
locBuoiTheoTuKhoadanhSach, tuKhoaDùng for duyệt và chọn ra các buổi khớp từ khóa
demTheoTrangThaidanhSachDùng for kết hợp switch đếm số buổi theo từng trạng thái
renderThongKesoDemSinh 3 thẻ thống kê từ kết quả demTheoTrangThai
timBuoiChuaHoanThanhdanhSachDùng while tìm buổi chưa hoàn thành đầu tiên
renderKetQuaTimbuoiTimDuocHiển thị kết quả tìm kiếm ra giao diện
capNhatToanBoGiaoDiendanhSachGọi lại tất cả các hàm render trên cùng một bộ dữ liệu
khoiTaoTrang(không có)Gắn sự kiện cho các nút và chạy lần hiển thị đầu tiên