Buổi 6
DOM cơ bản
Đã học
Đề bài: Bổ sung vào trang giới thiệu học phần ba chức năng dùng
switch: (1) đổi trạng thái từng buổi học, (2) lọc buổi học
theo nhóm chủ đề, (3) đổi chủ đề màu của trang. Mọi switch
đều phải có default xử lý giá trị không hợp lệ.
1. Trạng thái từng buổi học
Quy ước: completed → Đã học,
current → Đang học,
upcoming → Sắp học.
Nếu giá trị không thuộc các trường hợp trên, hiển thị
Không xác định. Việc đổi trạng thái một buổi không được
ảnh hưởng tới các buổi khác.
Buổi 7
Sự kiện (Events)
Đã họcBuổi 9
Switch statement
Đang họcBuổi 10
Vòng lặp và hàm
Sắp họcBuổi 1
HTML cơ bản, semantic
Đã họcBuổi 2
CSS cơ bản
Đã họcBuổi 4
Flexbox, layout
Đã họcBuổi 5
Dự án trang cá nhân
Đã học2. Lọc buổi học theo nhóm chủ đề
3. Đổi chủ đề màu của trang
Ghi chú so sánh switch với if/else (xem chi tiết trong comment
của thẻ
<script> bên dưới): các đoạn ở mục 1, 2, 3
đều so sánh cùng một biến với một tập giá trị rời rạc cố định (trạng
thái, mã chủ đề, mã chủ đề màu) nên switch liệt kê từng
trường hợp rõ ràng, dễ đọc hơn một chuỗi if/else if. Ngược
lại, việc kiểm tra ô chọn có bị bỏ trống hay không ở đầu mỗi hàm xử lý
lại dùng if vì đó là kiểm tra một điều kiện đúng/sai, không
phải so khớp nhiều giá trị rời rạc.