แบบทดสอบที่มีคำตอบในอาร์เรย์บน JavaScript

สมมติว่าตอนนี้เรามีอาร์เรย์ของคำตอบที่ถูกต้อง:

javascriptlet answers = [
  'คำตอบ 1',
  'คำตอบ 2',
  'คำตอบ 3',
];

ซึ่งหมายความว่าตอนนี้เราจะไม่เก็บคำตอบใน data-แอตทริบิวต์ของอินพุตอีกต่อไป:

html<div id="test">
  <div>
    <p>คำถาม 1?</p>
    <input>
  </div>
  <div>
    <p>คำถาม 2?</p>
    <input>
  </div>
  <div>
    <p>คำถาม 3?</p>
    <input>
  </div>
  
  <button id="button">ตรวจสอบคำตอบ</button>
</div>