Đề bài: Bài tập tại lớp - Buổi 6

Sản phẩm: Trang giới thiệu học phần, chuyển nội dung tĩnh sang hiển thị động.

Yêu cầu

  1. Tạo file app.js liên kết vào trang bằng cách external
  2. Khai báo mảng dữ liệu chứa danh sách các buổi học của học phần
  3. Dùng DOM để sinh danh sách nội dung học phần từ mảng, thay cho phần HTML viết cứng từ buổi 1
  4. Dùng querySelectorAll với chính các selector đã viết ở buổi 2 và buổi 3 để lấy toàn bộ thẻ nội dung và áp dụng thay đổi hàng loạt
  5. So sánh textContent và innerHTML: hiển thị 1 mục bằng textContent, 1 mục bằng innerHTML có kèm thẻ định dạng, viết comment nhận xét khác biệt và vấn đề an toàn
  6. Dùng classList để thêm class làm nổi bật buổi học hiện tại, tận dụng các class CSS đã thiết kế từ trước
  7. Dùng push và unshift để bổ sung buổi học mới vào đầu và cuối danh sách, sau đó hiển thị lại

Tiêu chí đánh giá

  1. Nội dung trang được sinh ra từ dữ liệu JavaScript chứ không viết cứng
  2. Chọn đúng phương thức DOM cho từng tình huống

Kết quả mong đợi tương tự hình minh họa dưới đây:

Ảnh chụp minh họa kết quả bài tập tại lớp Buổi 6