Để thêm chức năng kiểm soát đơn hàng đã mua và đơn hàng chờ, bạn có thể tạo một bảng hiển thị danh sách đơn hàng và trạng thái của chúng. Dưới đây là mã HTML đã được chỉnh sửa để thêm phần này:
```html
Mua Bán Sản Phẩm
Đă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
```
### Giải thích mã nguồn:
1. **Quản lý đơn hàng**:
- Đã thêm một mảng `orders` để lưu trữ thông tin đơn hàng.
- Thêm một hàm `pay(product)` để lưu tên sản phẩm đã thanh toán và trạng thái của nó vào mảng `orders`. Khi người dùng nhấn nút "Thanh toán", một thông báo sẽ xuất hiện để xác nhận đơn hàng đã được tạo.
- Thêm một hàm `viewOrders()` để hiển thị danh sách đơn hàng trong bảng. Khi nhấn nút "Xem Đơn Hàng" trong màn hình thanh toán, danh sách đơn hàng sẽ được hiển thị.
2. **Màn hình đơn hàng**:
- Thêm một phần mới với ID là `orders` chứa bảng hiển thị thông tin đơn hàng, bao gồm tên sản phẩm và trạng thái.
3. **Điều hướng**:
- Cung cấp các nút để quay lại màn hình sản phẩm và xem đơn hàng.
### 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_orders.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ấn vào nút "Thanh toán" để tạo đơn hàng, sau đó nhấn nút "Xem Đơn Hàng" để xem danh sách đơn hàng đã tạo.
Bạn có thể tùy chỉnh thêm các chức năng cũng như giao diện tùy theo nhu cầu của bạn!