Научный калькулятор на HTML5/CSS3/JS
Описание промпта
Создай полнофункциональный научный калькулятор с современным интерфейсом, поддержкой расширенных математических функций, историей вычислений, адаптивным дизайном и темной/светлой темами.
- Генерирует полный исходный код одностраничного веб-приложения (HTML/CSS/JS) для научного калькулятора.
- Получаешь готовый к использованию инструмент с расширенными математическими возможностями, адаптивным интерфейсом и историей вычислений без необходимости настройки серверной части.
- Фронтенд-разработчики, студенты, инженеры, преподаватели математики.
Скопируй сгенерированный код в один HTML-файл или раздели на index.html, style.css и script.js. Открой файл в браузере для запуска.
Требуется только браузер с поддержкой современных веб-стандартов. Для сохранения истории рекомендуется использование localStorage.
Рабочий интерфейс калькулятора с поддержкой клавиатуры, переключением тем, отображением истории и корректным выполнением научных вычислений.
Убедись, что код обрабатывает ошибки ввода. Для мобильных устройств проверь корректность отображения в портретном и ландшафтном режимах.
Не включает серверную часть для синхронизации между устройствами. Зависит от возможностей браузера пользователя (например, поддержка localStorage).
Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.
Текст промпта
ChatGPT / Claude / Llama
Войти для копирования
Выступи в роли опытного фронтенд-разработчика. Твоя задача — создать комплексный научный калькулятор, используя HTML5, CSS3 и JavaScript, который имитирует работу профессиональных инженерных калькуляторов.
Основные требования:
1. Базовая арифметика: реализуй все основные операции (+, -, *, /) с соблюдением правильного порядка выполнения (PEMDAS/BODMAS).
2. Научные функции: добавь тригонометрические (sin, cos, tan), логарифмические (log, ln), экспоненциальные (exp, sqrt) и статистические функции. Реализуй переключатель между градусами и радианами.
3. Память: реализуй операции M+, M-, MR, MC с визуальными индикаторами текущего значения памяти.
4. История: создай прокручиваемый журнал истории вычислений, который можно очистить или сохранить (например, в localStorage).
5. Управление: обеспечь полную поддержку клавиатуры с правильными маппингами клавиш и горячими клавишами.
6. Обработка ошибок: реализуй надежную обработку ошибок для деления на ноль, недопустимых операций и переполнения, выводя понятные сообщения.
7. Адаптивность: дизайн должен быть отзывчивым, трансформируясь между стандартным и научным макетами в зависимости от размера экрана или ориентации.
8. Темы: добавь несколько вариантов оформления (классическая, современная, высокая контрастность).
9. Дополнительно: реализуй возможность копирования/вставки результатов и выражений. По желанию добавь звуковую обратную связь при нажатии кнопок с регулировкой громкости.
Код должен быть чистым, модульным и хорошо прокомментированным. Используй современные стандарты ES6+.Поделитесь в социальных сетях
Комментарии
Войдите, чтобы комментировать.
Комментариев пока нет.