Назад к задачамПолучайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Junior — Senior
4
Создание интерактивного тестового приложения
Условие задачи
Разработайте небольшое приложение‑тест, в котором:
- Пользователь видит формулировку вопроса и может выбрать один из предложенных вариантов ответа.
- После выбора и нажатия кнопки «Далее» отображается следующий вопрос.
- По завершении всех вопросов выводится сообщение вида «Вы ответили верно на 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 },
],
},
];
}