Tạo game ghép từ tiếng Việt với các yêu cầu sau:
1. GIAO DIỆN:
– Nền gradient xanh lá nhạt đến cam nhạt (a8e6cf -> dcedc1 -> ffd3a5)
– Container trong suốt với hiệu ứng kính mờ
– Tiêu đề “🎯 Game Ghép Từ” với gradient xanh lá và biểu tượng ✨ xoay – Animation nhẹ nhàng, không chói mắt
2. HIỂN THỊ CHỮ CÁI:
– Tách từng chữ cái thành ô vuông riêng biệt
– Mỗi ô có viền gradient xanh lá, kích thước 50x50px
– Giữa các chữ cái có dấu “/” làm phân cách
– Ví dụ: “HỌC SINH” hiển thị: [H] / [ọ] / [c] / [S] / [i] / [n] / [h]
Đoạn này quan trọng nhất và Canva hay làm sai nêu mọi người cố gắng thực hiện 2-3 lần là ok. Mình không biết code nên làm 2 lần là ok
– Animation pulse nhẹ cho từng ô chữ với delay khác nhau
3. CHỨC NĂNG:
– 20 câu hỏi tiếng Việt (HỌC SINH, CHĂM HỌC, NGỮ VĂN, BÀI TẬP, NHÀ BẾP, MƯA BÃO, HOA QUẢ, ĐI CHỢ, NƯỚC ÉP, ĐIỆN THOẠI, TRĂNG SÁNG, BÀN GHẾ, CÔNG VIỆC, SÁCH VỞ, GIÁO VIÊN, TRƯỜNG LỚP, KÌ THI, ĐIỂM SỐ, BẠN BÈ, CẶP SÁCH)
– Chọn ngẫu nhiên 10 câu mỗi lần chơi
– Trộn thứ tự chữ cái trong mỗi từ
– Hệ thống điểm: +10 điểm mỗi câu đúng
4. TÍNH NĂNG:
– Bảng điểm hiển thị: câu hỏi hiện tại, tổng điểm, số câu đúng, số gợi ý còn lại
– Thanh tiến độ với gradient xanh lá và hiệu ứng ánh sáng
– 3 gợi ý ban đầu, mỗi gợi ý hiển thị mô tả của từ
– Nút “Kiểm tra”, “Gợi ý”, “Bỏ qua” – Nhấn Enter để kiểm tra đáp án
– Kết thúc game hiển thị phần trăm chính xác và đánh giá
5. THIẾT KẾ:
– Responsive trên mọi thiết bị
– Màu sắc dịu mắt, không gây mỏi mắt
– Animation mượt mà với thời gian chậm
– Hiệu ứng hover và focus đẹp mắt
– Font Segoe UI, bo góc 25px cho container chính
6. GAME GHÉP TỪ TIẾNG VIỆT
