Teszt kérdésekkel és válaszlehetőségekkel egy objektumban JavaScriptben
Tegyük fel, hogy a kérdések, a válaszlehetőségek és a helyes válaszok sorszáma most egyetlen objektumban tárolódik:
let questions = [
{
text: 'kérdés 1?',
right: 0,
variants: [
'változat 1',
'változat 2',
'változat 3'
]
},
{
text: 'kérdés 2?',
right: 1,
variants: [
'változat 1',
'változat 2',
'változat 3'
]
},
{
text: 'kérdés 3?',
right: 2,
variants: [
'változat 1',
'változat 2',
'változat 3'
]
},
];
HTML kódunk ezzel a következőre rövidül:
<div id="test"></div>
<button id="button">válaszok ellenőrzése</button>
Most, amikor betöltődik az oldal, végig kell iterálni a ciklusunkat az objektumon, és létre kell hozni a kérdések HTML kódját.
Valósítsa meg a feladatot.