Prueba con preguntas y opciones de respuesta en un objeto JavaScript
Supongamos que ahora las preguntas, las opciones de respuesta y los números de las respuestas correctas se almacenan en un objeto:
let questions = [
{
text: '¿pregunta 1?',
right: 0,
variants: [
'opción 1',
'opción 2',
'opción 3'
]
},
{
text: '¿pregunta 2?',
right: 1,
variants: [
'opción 1',
'opción 2',
'opción 3'
]
},
{
text: '¿pregunta 3?',
right: 2,
variants: [
'opción 1',
'opción 2',
'opción 3'
]
},
];
Nuestro código HTML se reducirá entonces a lo siguiente:
<div id="test"></div>
<button id="button">comprobar respuestas</button>
Ahora, al acceder a la página, tendrás que recorrer con un ciclo nuestro objeto y formar el código HTML de las preguntas.
Implementa la tarea planteada.