Mã đề D - Lần 1

Đề bài: Danh sách địa điểm muốn ghé thăm

Xây dựng trang web hiển thị danh sách địa điểm muốn ghé thăm bằng JavaScript và DOM, đáp ứng đủ các yêu cầu sau:

  1. Khu vực hiển thị danh sách phải được sinh hoàn toàn bằng JavaScript; phần HTML chỉ chứa khung rỗng (không viết cứng thẻ <li> nào).
  2. Khai báo 1 mảng dữ liệu nguồn trong file JavaScript, chứa tối thiểu 8 địa điểm.
  3. Thực hiện đủ 4 thao tác push, pop, shift, unshift thông qua 4 nút bấm tương ứng; sau mỗi thao tác phải cập nhật lại giao diện.
  4. Sử dụng cả getElementById, querySelector và querySelectorAll, mỗi loại ít nhất 1 lần, kèm comment giải thích vì sao chọn cách đó.
  5. Hiển thị tổng số địa điểm hiện có và cập nhật con số này sau mỗi thao tác.

Kết quả mong đợi tương tự hình minh họa dưới đây (xem file dapan.html để đối chiếu chi tiết):

Ràng buộc cấu trúc riêng cho mã đề D

Bảng phụ hai cột: Bổ sung một bảng phụ hai cột để tóm tắt nhãn và giá trị quan trọng. Không thay ràng buộc này bằng cấu trúc của mã đề khác.

Ảnh chụp minh họa kết quả bài Danh sách địa điểm muốn ghé thăm