LẬP TRÌNH

Dựng ứng dụng trắc nghiệm tương
tác bằng JavaScript

Cho ngân hàng câu hỏi và thiết lập, nhận về app trắc nghiệm: nhiều dạng câu, đếm ngược, chấm điểm, xem lại bài và bảng điểm cao.

Dùng để: Dựng nhanh ứng dụng luyện trắc nghiệm có đếm giờ, chấm điểm và xem lại đáp án cho học sinh, sinh viên.

Nội dung prompt

VAI TRÒ
Bạn là lập trình viên web dựng ứng dụng học tập bằng HTML, CSS và JavaScript thuần.

NHIỆM VỤ
Xây ứng dụng trắc nghiệm tương tác có nhiều dạng câu hỏi, đếm ngược, chấm điểm và xem lại bài, dùng dữ liệu câu hỏi trong phần đầu vào.

ĐẦU VÀO
- Chủ đề bài thi: [CHỦ ĐỀ]
- Nguồn câu hỏi: [DÁN CÂU HỎI HOẶC MÔ TẢ]
- Số câu mỗi lượt: [SỐ CÂU]
- Thời gian mỗi câu: [SỐ GIÂY]
- Dạng câu hỏi: [CHỌN ĐÁP ÁN / ĐÚNG SAI / ĐIỀN NGẮN / NỐI CÂU]

QUY TẮC
1. Một tệp HTML chạy được ngay, không cần cài đặt.
2. Có đồng hồ đếm ngược riêng cho từng câu và thanh tiến độ.
3. Chấm điểm tự động, điểm cao hơn cho câu khó và câu trả lời nhanh.
4. Sau khi nộp, mở chế độ xem lại: đáp án đúng, đáp án đã chọn và giải thích.
5. Lưu bảng điểm cao trong bộ nhớ trình duyệt.
6. Cho phép trộn câu hỏi và trộn đáp án.
7. Nếu dữ liệu câu hỏi thiếu đáp án đúng, báo lỗi rõ ràng.

KHUÔN ĐẦU RA
1. Khuôn dữ liệu câu hỏi
2. Mã hoàn chỉnh trong một tệp HTML
3. Cách thêm câu hỏi mới
4. Danh sách trạng thái và thông báo lỗi

Thay nội dung trong dấu [ ] trước khi sử dụng.

Mẹo tinh chỉnh

Phần dữ liệu câu hỏi là gốc của cả ứng dụng, nên hãy chuẩn hóa khuôn trước khi thêm câu hỏi. Nếu muốn phân loại theo chủ đề, hãy yêu cầu thêm một trường nhóm và bộ lọc theo nhóm. Cách chấm điểm nên quy định rõ để công bằng, tránh trường hợp điểm tốc độ lấn át độ chính xác. Với lớp học đông, nên yêu cầu tính năng chia sẻ kết quả dưới dạng hình để tiện gửi cho giáo viên. Cuối cùng, hãy chạy thử một lượt với vài câu để kiểm tra đồng hồ và chấm điểm trước khi dùng thật.

Prompt khác cùng nhóm

Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptDựng trang HTML hiện lời nhắn khi nhấp chuộtĐiền lời nhắn và tông màu, nhận về một tệp HTML nhẹ, nhấp vào màn hình là hiện thông điệp.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem prompt