Генератор задач на дроби

Реализуйте сервис, позволяющий генерировать задачи на математические операции с дробями.

Основные возможности проекта

• Кнопка для генерации задачи с дробями.
• Визуальное отображение двух дробей с операцией между ними.
• Кнопка для показа ответа.
• Настройка типа операций (сложение, вычитание, умножение, деление).

Главная страница

На главной странице сайта должны быть настройки, кнопка "Сгенерировать задачу" и блок для отображения задачи:

• Настройки операций (чекбоксы для выбора: сложение, вычитание, умножение, деление).
• Кнопка "Сгенерировать задачу".
• Блок с задачей - две дроби с операцией между ними (например, 1/2 + 2/3 = ?).
• Кнопка "Показать ответ".

Генерация задачи

Алгоритм генерации:

• Случайным образом выбирается операция из выбранных пользователем.
• Генерируются две случайные дроби (числители и знаменатели от 1 до 10).
• Формируется визуальное представление задачи (дроби с операцией).

Отображение дробей

Дроби должны отображаться в красивом формате:

• Числитель над чертой.
• Знаменатель под чертой.
• Операция между дробями.
• Знак равенства со знаком вопроса (или пустым местом для ответа).

Показ ответа

При нажатии на кнопку "Показать ответ" сайт должен:

• Вычислить результат операции с дробями.
• Вывести результат в сокращенном виде.
• Показать пошаговое решение.

Дополнительные возможности

• Генерация цепочек из нескольких операций (например, 1/2 + 2/3 − 1/4).
• Кнопка "Новая задача" для генерации другой задачи с теми же настройками.