2. Giao diện
- Header: Logo, thông tin liên hệ (hotline, email), nút tìm kiếm, nút đăng nhập/đăng ký.
- Thanh điều hướng (Navbar): Liên kết đến các trang chính.
- Banner/Carousel: Hiển thị hình ảnh quảng cáo hoặc sản phẩm nổi bật.
- Nội dung chính: Hiển thị tùy theo từng trang.
- Footer: Thông tin cá nhân, dịch vụ khách hàng, form góp ý.
- Nút cuộn đầu trang: Xuất hiện khi cuộn xuống 200px, giúp quay về đầu trang.
3. Nội dung Website
Trang chủ (index.html):
- Giới thiệu dịch vụ: Giao hàng 3H, phục vụ 24/7, thu đổi 48H.
- Sản phẩm mới: Dây chuyền, nhẫn, vòng tay.
- Khuyến mãi: Hiển thị giá gốc và giá đã giảm.
Trang sản phẩm (products.html):
- Danh mục: Dây chuyền, lắc, nhẫn, khuyên, charm.
- Danh sách sản phẩm: Có giá, nút thêm vào giỏ.
- Có đánh dấu phân trang (1, 2, 3...).
Giỏ hàng (cart.html):
- Hiển thị sản phẩm trong giỏ: tên, giá, số lượng, tổng tiền.
- Có nút cập nhật, xóa sản phẩm, thanh toán.
Liên hệ (contact.html):
- Form nhập: Họ tên, email, nội dung.
Đăng nhập / Đăng ký:
- Form đăng nhập: Email, mật khẩu.
- Form đăng ký: Họ tên, email, mật khẩu, xác nhận.
Thông tin (information.html): Chứa thông tin cấu trúc website.
Bài tập (homework.html): Liệt kê các bài tập liên quan.
Bài tập (homework.html): Liệt kê các bài tập liên quan.
4. Chức năng chính
- Quản lý giỏ hàng: Thêm/xóa/cập nhật sản phẩm, lưu trong localStorage.
- Tính giá khuyến mãi: Dựa vào phần trăm giảm, hiển thị giá theo định dạng VNĐ.
- Nút cuộn lên đầu trang: Hiển thị khi cuộn và cuộn mượt lên top.
- Form tương tác: Nhập dữ liệu người dùng (chưa xử lý backend).