Testi kysymyksillä ja vastausvaihtoehdoilla JavaScript-objektissa
Olkoon nyt kysymykset, vastausvaihtoehdot ja oikeiden vastausten numerot tallennettuna yhdessä objektissa:
let questions = [
{
text: 'kysymys 1?',
right: 0,
variants: [
'vaihtoehto 1',
'vaihtoehto 2',
'vaihtoehto 3'
]
},
{
text: 'kysymys 2?',
right: 1,
variants: [
'vaihtoehto 1',
'vaihtoehto 2',
'vaihtoehto 3'
]
},
{
text: 'kysymys 3?',
right: 2,
variants: [
'vaihtoehto 1',
'vaihtoehto 2',
'vaihtoehto 3'
]
},
];
HTML-koodimme lyhenee tällöin seuraavaan:
<div id="test"></div>
<button id="button">tarkista vastaukset</button>
Nyt sivulle saapuessasi sinun täytyy käydä läpi silmukkamme objektimme ja muodostaa kysymysten HTML-koodi.
Toteuta asetettu tehtävä.
