Teszt kérdésekkel és válaszokkal egy tömbben JavaScriptben

Tegyük fel, hogy adott egy tömb a helyes válaszokkal, akárcsak az előző leckében:

javascriptlet answers = [
  'válasz 1',
  'válasz 2',
  'válasz 3',
];

Tegyük fel, hogy most adott egy kérdések tömbje is:

javascriptlet questions = [
  'kérdés 1?',
  'kérdés 2?',
  'kérdés 3?'
];

Tegyük fel, hogy a HTML kódban már nincsenek kérdéseket és válaszmezőket tartalmazó divek:

html<div id="test"></div>
<button id="button">válaszok ellenőrzése</button>

Tegyük fel, hogy a feladatunk továbbra is ugyanaz: a gombra kattintáskor ellenőrizni a válaszok helyességét.

Nyilvánvaló, hogy a feladatunk bonyolultabbá vált: most az oldal betöltésekor végig kell iterálnunk a kérdések tömbjén és létre kell hoznunk az egyes kérdések HTML kódját - egy szülő div-et, egy bekezdést a szöveggel és egy bemeneti mezőt a válasznak.