Name: Gozic Pioneering Agentic AI Technology Digital Transformation
Address: Số 08 Tôn Thất Thuyết, Cầu Giấy, Hà Nội, Cầu Giấy, Hà Nội, 100000, VN
Telephone: 000000000
Price range: VND

JS Tutorial

Quản lý đơn hàng bằng Javascript

📋 Yêu cầu

1. Thiết kế giao diện gồm:

Ô nhập Tên khách hàng
Danh sách chọn Sản phẩm (dropdown)
Ô nhập Số lượng
Nút Tính tiền
Khu vực hiển thị Kết quả

2. Dữ liệu sản phẩm

Sản phẩm	Giá
Chọn sản phẩm	0
Áo thun	100
Quần jean	200
Giày thể thao	300

3. Chức năng xử lý

✅ Lấy dữ liệu

Sử dụng document.getElementById để lấy:
- Tên khách hàng
- Sản phẩm được chọn
- Số lượng

✅ Kiểm tra dữ liệu (Validation)

Không được để trống:
- Tên khách hàng
- Số lượng
Số lượng phải là số

✅ Thay đổi CSS

Nếu dữ liệu sai:
- Viền ô nhập chuyển màu đỏ
Nếu hợp lệ:
- Viền chuyển màu xanh

✅ Hiệu ứng focus

Khi click vào ô input:
- Nền chuyển màu vàng
Khi rời khỏi:
- Trở lại bình thường

✅ Tính toán

Khi bấm nút Tính tiền:

👉 Tổng tiền = Giá × Số lượng

✅ Hiển thị kết quả

Sử dụng innerHTML để hiển thị:
Tên khách hàng
Tên sản phẩm
Số lượng
Tổng tiền

Mục Lục