anhnghi.com

Để bổ sung chức năng hoàn thành đơn hàng khi nhấn vào ô "Chưa hoàn thành", cùng với việc thêm mã code giảm giá khi mua hàng, tôi sẽ điều chỉnh mã HTML và JavaScript. Dưới đây là mã nguồn đã được sửa đổi để đáp ứng yêu cầu của bạn: ```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

``` ### Giải thích mã nguồn: 1. **Mã giảm giá**: - Thêm một trường nhập liệu (`input`) cho phép người dùng nhập mã giảm giá và một nút để áp dụng mã này. - Mã giảm giá được định nghĩa là `SALE20` và sẽ giảm 20% giá của từng sản phẩm khi người dùng nhập đúng. 2. **Chức năng áp dụng mã giảm giá**: - Hàm `applyDiscount()` sẽ kiểm tra mã giảm giá đã nhập. Nếu đúng, nó sẽ cập nhật giá cả của sản phẩm trong bảng. - Giá mới sẽ được tính toán và hiển thị cho từng sản phẩm, giảm 20% so với giá ban đầu. 3. **Hoàn thành đơn hàng**: - Khi người dùng nhấn vào ô "Chưa hoàn thành", hàm `completeOrder(productName)` sẽ cập nhật trạng thái đơn hàng thành "Hoàn thành". Ô trạng thái sẽ trở thành văn bản không thể nhấp để tránh nhầm lẫn. 4. **Điều hướng và kiểm soát đơn hàng**: - Nút "Xem Đơn Hàng" sẽ hiện lên danh sách đơn hàng và trạng thái của từng đơn. ### 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_discount.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 "Xem Đơn Hàng" để kiểm tra trạng thái đơn hàng. Nhấn vào "Chưa hoàn thành" để chuyển trạng thái thành "Hoàn thành". Bạn có thể tùy chỉnh thêm tính năng và giao diện tùy theo nhu cầu của bạn!