Назад к задачам
Junior — Senior
4

Создание интерактивного тестового приложения

Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Разработайте небольшое приложение‑тест, в котором:

  • Пользователь видит формулировку вопроса и может выбрать один из предложенных вариантов ответа.
  • После выбора и нажатия кнопки «Далее» отображается следующий вопрос.
  • По завершении всех вопросов выводится сообщение вида «Вы ответили верно на N вопросов из N» и появляется кнопка «Начать заново», позволяющая пройти тест повторно.
function App() {
  const questionsData = [
    {
      question: "Сколько человек на Земле?",
      answer: 3,
      variants: [
        { name: "6 миллиардов", value: 1 },
        { name: "7 миллиардов", value: 2 },
        { name: "8 миллиардов", value: 3 },
      ],
    },
    {
      question: "Сколько частей света?",
      answer: 2,
      variants: [
        { name: "5", value: 1 },
        { name: "6", value: 2 },
        { name: "7", value: 3 },
      ],
    },
    {
      question: "Сколько океанов на Земле?",
      answer: 1,
      variants: [
        { name: "5", value: 1 },
        { name: "6", value: 2 },
        { name: "7", value: 3 },
      ],
    },
  ];
}