Bài tập JavaScript Mảng Array và Đối tượng Object - Trình diễn dạng Bảng Table
Tác giả: Dương Nguyễn Phú Cường
Ngày đăng: 4/2/2025, 5:2
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.
Kết quả Mong đợi
Gợi ý
Nền tảng các kiến thức học tập
Cùng nhau học tập, khám phá các kiến thức nền tảng về Lập trình web, mobile, database nhé.
Nền tảng kiến thức - Hành trang tới tương lai hân hạnh phục vụ Quý khách!
Khám phá, trải nghiệm ngay