Testi kysymyksillä ja vastauksilla taulukossa JavaScriptillä
Olkoon meillä annettuna taulukko oikeista vastauksista, kuten edellisessä oppitunnissa:
let answers = [
'vastaus 1',
'vastaus 2',
'vastaus 3',
];
Olkoon nyt annettu myös kysymysten taulukko:
let questions = [
'kysymys 1?',
'kysymys 2?',
'kysymys 3?'
];
Olkoon, että divejä kysymyksille ja input-kenttiä vastauksille ei enää ole HTML-koodissa:
<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.
Toteuta annettu tehtävä.
