📋 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

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