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:

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

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