Giao diện trang test online
Bài test hiển thị tương tự trang https://monka.vn/practice/what-does-daisy-want-for-supper-2349
Click vào từng câu hỏi sẽ load ra nội dung câu hỏi đó
Với mỗi câu hỏi, phần nội dung, câu trả lời (A, B, C …) đều có thể hiển thị dạng text bình thường hoặc HTML (ảnh, audio, javascript …) thoải mái
Câu hỏi có thể có các dạng: Radio (như đang có), Muli choice, Nối các đáp án với nhau, ghép các đáp án với nhau, điền text vào ô trống
API được call từ backend: https://monka.vn/api/test/2349 sẽ trả về các loại thông tin cần thiết để hiển thị
Khi submit sẽ tính điểm của từng câu và hiển thị đáp án đúng, các lựa chọn người dung đã chọn trước đó, giải thích
Làm thuần túy bằng HTML, Javascript, CSS
Xem thêm UI/UX cho phần multichoice: https://quiz-plugin.com/quiz-with-different-question-types/
UI/UX cho phần ghép các đáp án với nhau: https://olm.vn/chu-de/on-tap-hinh-khoi-2057513361
UI/UX cho phần điền text vào ô trống, nối các đáp án với nhau: https://olm.vn/chu-de/bang-cong-trong-pham-vi-10-phan-2-2056109884
Chia sẻ với bạn bè của bạn: |