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:

javascriptlet 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:

html<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.