Prompt tạo game ô chữ
Prompt tạo game ô chữ
Tạo 1 game ô chữ phong cách gameshow Olympia bằng 1 file HTML duy nhất gồm HTML + CSS + JavaScript inline (không dùng thư viện ngoài). Game chạy ngay khi mở file. Chủ đề game Kế hoạch học tập hướng nghiệp cho học sinh lớp 8.
Tên game Ô CHỮ HƯỚNG NGHIỆP – CHINH PHỤC TƯƠNG LAI Thiết kế Phong cách gameshow học đường, tươi sáng. Nền gradient tím → cam (#7B5CFF → #FF8A5B) Card trắng bo góc, đổ bóng Nút lớn dễ bấm Responsive desktop + mobile Animation hover nhẹ Bố cục màn hình Header Hiển thị: Hoạt động trải nghiệm hướng nghiệp lớp 8 Tiêu đề lớn: Ô CHỮ HƯỚNG NGHIỆP – CHINH PHỤC TƯƠNG LAI 3 thẻ thống kê: Điểm số Đã hoàn thành Tổng số hàng Góc phải có nút Quản lý câu hỏi. Bảng ô chữ Mặc định 6 hàng ngang. Mỗi hàng gồm: Nút số hàng (1–6) để mở câu hỏi Dãy ô chữ theo độ dài đáp án 1 ô đặc biệt màu cam là chữ đóng góp cho từ khóa bí mật Khi trả lời đúng: các ô chữ mở ra có hiệu ứng lật hoặc fade-in Modal câu hỏi Khi bấm số hàng → mở modal. Hiển thị: Câu hỏi Ô nhập đáp án Quy tắc nhập: VIẾT HOA KHÔNG DẤU KHÔNG KHOẢNG TRẮNG Nút: Bắt đầu 30s Gửi đáp án Hiện đáp án Logic: Đúng: điền chữ vào bảng cập nhật từ khóa bí mật cộng điểm hiện text Tuyệt vời! Sai: báo sai không đóng modal Từ khóa bí mật Hiển thị các ô chữ lớn ở dưới bảng. Các chữ cái được mở từ các hàng ngang. Có: ô nhập từ khóa nút Kiểm tra từ khóa Nếu đúng: Hiển thị banner: CHÚC MỪNG BẠN ĐÃ CHINH PHỤC Ô CHỮ Có hiệu ứng confetti đơn giản. Khu gợi ý Hiển thị: tối đa 3 ảnh gợi ý 1 dòng gợi ý ngắn Ảnh có thể: upload file hoặc URL Upload ưu tiên. Panel quản lý câu hỏi Mở khi bấm Quản lý câu hỏi. Cho phép chỉnh: Mỗi hàng: câu hỏi đáp án vị trí chữ đóng góp Nút: Thêm câu hỏi Xóa Cài đặt từ khóa Input: từ khóa bí mật gợi ý ngắn Lưu dữ liệu Toàn bộ cấu hình lưu bằng localStorage để khi refresh vẫn giữ dữ liệu. Dữ liệu mặc định Hàng 1 Câu: Việc xác định mục tiêu học tập và nghề nghiệp trong tương lai gọi là gì Đáp án: DINHHUONG Vị trí: 1 Hàng 2 Câu: Hoạt động giúp học sinh tìm hiểu về nghề nghiệp gọi là gì Đáp án: HUONGNGHIEP Vị trí: 2 Hàng 3 Câu: Việc xây dựng các bước để đạt mục tiêu học tập gọi là gì Đáp án: KEHOACH Vị trí: 3 Hàng 4 Câu: Khả năng cần rèn luyện để học tốt và làm nghề tốt gọi là gì Đáp án: NANGLUC Vị trí: 2 Hàng 5 Câu: Việc tìm hiểu thông tin về nghề nghiệp qua sách báo và internet gọi là gì Đáp án: TIMHIEU Vị trí: 4 Hàng 6 Câu: Điều mỗi học sinh hướng tới trong tương lai gọi là gì Đáp án: TUONGLAI Vị trí: 5 Từ khóa bí mật UOCMO Gợi ý: Điều thôi thúc em cố gắng học tập để đạt được nghề nghiệp trong tương lai. Yêu cầu kỹ thuật 1 file HTML duy nhất HTML + CSS + JS inline Không dùng thư viện Responsive Code rõ ràng dễ chỉnh sửa UI thân thiện học sinh lớp 8
