muaban_orders_discount.html

Để thêm chức năng xác nhận thanh toán thành công sau khi nhấn nút "Xác Nhận Thanh Toán", chúng ta sẽ cập nhật mã để hiển thị một thông báo xác nhận và lưu trữ trạng thái đơn hàng. Dưới đây là phiên bản đã cải tiến của mã HTML, trong đó tích hợp tất cả các chức năng bạn đã yêu cầu: ```html

Đăng Nhập

Sản Phẩm

Tên sản phẩm	Giá	Hành động
Sản phẩm A	100.000 VNĐ
Sản phẩm B	200.000 VNĐ
Sản phẩm C	300.000 VNĐ
Sản phẩm D	400.000 VNĐ

Thông Báo Thanh Toán

Thanh toán qua Momo: 0326261993

Thanh toán qua Vietcombank: 1022169123

Liên hệ: 0326261993

Quản Lý Đơn Hàng

Tên sản phẩm	Trạng thái

Thanh Toán Thành Công

Cảm ơn bạn đã thanh toán! Đơn hàng của bạn đã được ghi nhận.

``` ### Giải thích mã nguồn: 1. **Xác nhận thanh toán**: - Thêm một phần mới với ID là `confirmation`. Khi thanh toán thành công, phần này sẽ hiển thị thông báo cảm ơn người dùng. - Sau khi xác nhận thanh toán, hàm `confirmPayment()` sẽ được gọi để cập nhật trạng thái của tất cả đơn hàng thành "Hoàn thành" và hiển thị màn hình xác nhận. 2. **Xử lý đơn hàng và trạng thái**: - Trong hàm `pay()`, trạng thái đơn hàng được khởi tạo với "Chờ xác nhận". Khi thanh toán được xác nhận, trạng thái đơn hàng sẽ được cập nhật thành "Hoàn thành". 3. **Điều hướng**: - Các nút quay lại sẽ chuyển người dùng từ màn hình xác nhận, đơn hàng hoặc thanh toán trở lại phần sản phẩm. ### Hướng dẫn sử dụng: 1. Sao chép mã nguồn vào một tệp có đuôi `.html` (ví dụ: `muaban_payment_confirmation.html`). 2. Mở tệp trong trình duyệt. 3. Nhập mật khẩu `123456` để truy cập vào phần sản phẩm. 4. Nhập mã giảm giá `SALE20` và nhấn nút để điều chỉnh giá. 5. Nhấn vào nút "Thanh toán" để tạo đơn hàng, và sau đó nhấn nút "Xác Nhận Thanh Toán" để xác nhận thanh toán thành công. 6. Màn hình sẽ hiển thị thông báo xác nhận thanh toán thành công và cho phép bạn quay lại danh sách sản phẩm. Bạn có thể tùy chỉnh thêm các tính năng và giao diện tùy theo nhu cầu của bạn!