JavaScript'te Dizi İçinde Soru ve Cevaplarla Test

Bir önceki derste olduğu gibi, doğru cevaplardan oluşan bir dizimiz olsun:

javascriptlet answers = [
  'cevap 1',
  'cevap 2',
  'cevap 3',
];

Şimdi bir de soru dizimiz olsun:

javascriptlet questions = [
  'soru 1?',
  'soru 2?',
  'soru 3?'
];

HTML kodunda artık sorular ve cevap girişleri için div'ler olmasın:

html<div id="test"></div>
<button id="button">cevapları kontrol et</button>

Önümüzdeki görev öncekiyle aynı olsun: butona tıklandığında doğruluğu kontrol et.

Açıkçası, görevimiz zorlaştı: şimdi sayfaya her girildiğinde soru dizisini dönüp her bir sorunun HTML kodunu - ana div, metin için paragraf ve cevap için giriş alanı - oluşturmamız gerekiyor.