Bài kiểm tra với câu hỏi và câu trả lời trong mảng bằng JavaScript
Giả sử chúng ta có một mảng chứa các câu trả lời đúng, như trong bài học trước:
let answers = [
'câu trả lời 1',
'câu trả lời 2',
'câu trả lời 3',
];
Bây giờ giả sử cũng có một mảng chứa các câu hỏi:
let questions = [
'câu hỏi 1?',
'câu hỏi 2?',
'câu hỏi 3?'
];
Giả sử không còn các div chứa câu hỏi và ô nhập liệu cho câu trả lời trong mã HTML nữa:
<div id="test"></div>
<button id="button">kiểm tra câu trả lời</button>
Giả sử nhiệm vụ trước mắt chúng ta vẫn là: khi nhấp vào nút, tiến hành kiểm tra tính đúng đắn của các câu trả lời.
Rõ ràng là nhiệm vụ của chúng ta đã trở nên phức tạp hơn: bây giờ khi vào trang, chúng ta cần phải duyệt qua mảng câu hỏi và tạo ra mã HTML cho mỗi câu hỏi - một div cha, một đoạn văn chứa văn bản câu hỏi và một ô nhập liệu cho câu trả lời.
Hãy triển khai nhiệm vụ đã được đặt ra.