Тест с вопросами и вариантами ответов в объекте на JavaScript

Пусть теперь вопросы, варианты ответов и номера правильных ответов хранятся в одном объекте:

javascriptlet questions = [
  {
    text: 'вопрос 1?',
    right: 0,
    variants: [
      'вариант 1',
      'вариант 2',
      'вариант 3'
    ]
  },
  {
    text: 'вопрос 2?',
    right: 1,
    variants: [
      'вариант 1',
      'вариант 2',
      'вариант 3'
    ]
  },
  {
    text: 'вопрос 3?',
    right: 2,
    variants: [
      'вариант 1',
      'вариант 2',
      'вариант 3'
    ]
  },
];

Наш HTML код при этом сократится до следующего:

html<div id="test"></div>
<button id="button">проверить ответы</button>

Теперь по заходу на страницу вам придется перебрать циклом наш объект и сформировать HTML код вопросов.