Bài tập JavaScript Mảng Array và Đối tượng Object - Trình diễn dạng Bảng Table
JSTác giả: Dương Nguyễn Phú Cường
Ngày đăng: 3 năm trước
Nội dung
Cho bảng thông tin như sau:
Danh sách sinh viên | ||||||
Ảnh đại diện | STT | MSSV | Họ và tên | Ngày sinh | Điểm LT | Điểm TH |
X | 1 | NT001 | Nguyễn Văn A | 11/06/1989 | 8 | 8 |
X | 2 | NT002 | Trần Văn B | 05/02/1987 | 4 | 9 |
X | 3 | NT002 | Nguyễn Thị C | 25/01/1993 | 9 | 4 |
X | 4 | NT004 | Dương Trung D | 15/04/1993 | 10 | 5 |
X | 5 | NT005 | Nguyễn Bé E | 07/06/1983 | 6 | 7 |
Yêu cầu
1. Tạo mảng (array) chứa các đối tượng (object) với các thông tin thuộc tính như dữ liệu mô tả trên.
2. Sử dụng JavaScript để hiển thị danh sách sinh viên theo dạng bảng (table) dòng, cột như bảng trên:
- Ảnh đại diện thì có thể sử dụng bất kỳ ảnh nào trong source code của bạn (lưu ý: sử dụng đường dẫn tương đối).
- Sử dụng theo đúng cấu trúc của HTML5
- Phải có phần THEAD, TBODY
- Phải sử dụng đúng thẻ TH và TD
- Canh chỉnh y như bảng trên:
- Tiêu đề canh giữa
- Cột STT: canh giữa
- Cột Điểm LT, Điểm TH: canh phải
- Phải có dòng merge tiêu đề như trên.