Bài tập JavaScript Mảng Array và Đối tượng Object - Trình diễn dạng Bảng Table

JS
Dễ
Không Chấm điểm
In ấn
Ngày đăng: 2 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.