Teste com perguntas e opções de resposta em um objeto JavaScript
Agora, vamos supor que as perguntas, as opções de resposta e os números das respostas corretas estejam armazenados em um único objeto:
let questions = [
{
text: 'pergunta 1?',
right: 0,
variants: [
'opção 1',
'opção 2',
'opção 3'
]
},
{
text: 'pergunta 2?',
right: 1,
variants: [
'opção 1',
'opção 2',
'opção 3'
]
},
{
text: 'pergunta 3?',
right: 2,
variants: [
'opção 1',
'opção 2',
'opção 3'
]
},
];
Nosso código HTML, portanto, será reduzido ao seguinte:
<div id="test"></div>
<button id="button">verificar respostas</button>
Agora, ao acessar a página, você precisará percorrer nosso objeto com um loop e gerar o código HTML das perguntas.
Implemente a tarefa proposta.
