Testi kysymyksillä ja vastauksilla taulukossa JavaScriptillä

Olkoon meillä annettuna taulukko oikeista vastauksista, kuten edellisessä oppitunnissa:

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

Olkoon nyt annettu myös kysymysten taulukko:

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

Olkoon, että divejä kysymyksille ja input-kenttiä vastauksille ei enää ole HTML-koodissa:

html<div id="test"></div>
<button id="button">tarkista vastaukset</button>

Olkoon edessämme edellinen tehtävä: painettaessa painiketta suoritetaan oikeellisuustarkistus.

On ilmeistä, että tehtävämme on monimutkaistunut: nyt siirryttäessä sivulle meidän on käytävä läpi kysymysten taulukko ja muodostettava jokaisen kysymyksen HTML-koodi - ylätason div, kappale tekstillä ja input-kenttä vastausta varten.