Bài tập tại lớp - Buổi 6: JavaScript cơ bản và DOM

Trang giới thiệu học phần Nền tảng Web được chuyển dần từ nội dung tĩnh sang hiển thị động bằng JavaScript và DOM, thực hiện lần lượt qua 7 bước theo đúng thứ tự yêu cầu của buổi học.

1. Bước 1 - Liên kết app.js Tạo file app.js và liên kết external vào index.html
2. Bước 2 - Khai báo mảng dữ liệu Mảng danh sách các buổi học của học phần
3. Bước 3 - Sinh danh sách bằng DOM Thay phần HTML viết cứng bằng nội dung sinh từ mảng
4. Bước 4 - querySelectorAll hàng loạt Dùng lại selector CSS của buổi 2-3 để đổi hàng loạt
5. Bước 5 - textContent và innerHTML So sánh 2 cách hiển thị nội dung và vấn đề an toàn
6. Bước 6 - classList Làm nổi bật buổi học hiện tại bằng class CSS có sẵn
7. Đáp án minh họa (tài liệu giáo viên, không phát cho người học) push/unshift bổ sung buổi học mới, tổng hợp cả 7 bước