Пошаговый калькулятор выражений

Решайте выражения со скобками по правилам порядка операций.

// about

Об этом инструменте

Введите обычное арифметическое выражение, например (379*11900)+(75*20000). Калькулятор сначала выполняет умножение и деление, затем сложение и вычитание и показывает каждый шаг.

Как использовать

  1. Введите числа, знаки +, -, *, / и скобки.
  2. Нажмите «Вычислить выражение».
  3. Просмотрите каждый шаг упрощения и итоговый результат.

Зачем используют этот инструмент

  • Понятнее обычного калькулятора справляется с длинными формулами и вложенными скобками.
  • Показывает промежуточные выражения, чтобы можно было проверить вычисления.
  • Поддерживает четыре действия и не выполняет произвольный код.
Руководства · Расчёты · 6 мин чтения

Расчёт процентов: изменение в процентах, процентные пункты, суммирование скидок и НДС

На сколько выросли продажи? Какова цена со скидкой? Ставка выросла на один процент или на один процентный пункт? Проценты кажутся простыми, но неверно выбранная база меняет ответ.

Процент — это доля, выраженная в сотых. Любой расчёт процентов сводится к выбору правильной базы (знаменателя), и большинство повседневных задач подходит под одну из этих четырёх формул.

① Сколько составляет B % от A?   A × B ÷ 100          (15 % от 80 000 = 12 000)
② Сколько % составляет A от B?   A ÷ B × 100          (12 ÷ 48 × 100 = 25 %)
③ Изменение от A к B            (B − A) ÷ A × 100    (200 → 250 = +25 %)
④ A, увеличенное/уменьшенное на B %  A × (1 ± B ÷ 100)  (50 000 + 20 % = 60 000)
Четыре базовые формулы, разница между процентом и процентным пунктом, почему скидки 20 % и 10 % не дают 30 % и как выделить налог из цены с НДС.
Читать →
Сделать с ИИ

Создайте этот инструмент сами с помощью ИИ

Нужна своя версия? Скопируйте промпт в чат с ИИ или сохраните файл навыка для ИИ-агента. В них описаны функции, особые случаи и тесты, которые мы использовали.

Промпт и навык даны на английском — ИИ-инструменты хорошо его понимают.

Промпт-задание для ИИ

Вставьте как есть в Claude, ChatGPT или Gemini.

You are an experienced full-stack web developer. Build a web tool called "Пошаговый калькулятор выражений" that meets the requirements below.

## Goal

Build a calculator that evaluates expressions with arithmetic and parentheses and shows each intermediate step.

## Core features

- +, −, ×, ÷, parentheses and decimals
- Step-by-step working that follows operator precedence
- Accept thousands separators
- Copy result
- Recent history

## Inputs

- An expression string

## Outputs

- Final result
- List of intermediate results

## Edge cases and handling rules

- Implement a parser; never use eval
- Report mismatched parentheses with their position
- Handle division by zero
- Keep precision for large numbers and decimals (decimal arithmetic)

## Implementation requirements

- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.

## Definition of done (test cases)

- (379*11900)+(75*20000) = 6010100 with steps 4510100 and 1500000
- 2+3*4 = 14
- 1/0 shows an error

First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.

Навык (SKILL.md)

Сохраните как .claude/skills/build-expression-calculator/SKILL.md, чтобы агенты вроде Claude Code использовали его при каждой доработке инструмента.

---
name: build-expression-calculator
description: Use when building or changing a Пошаговый калькулятор выражений tool. Build a calculator that evaluates expressions with arithmetic and parentheses and shows each intermediate step.
---

# Build: Пошаговый калькулятор выражений

## Goal

Build a calculator that evaluates expressions with arithmetic and parentheses and shows each intermediate step.

## Workflow

1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.

## Core features

- +, −, ×, ÷, parentheses and decimals
- Step-by-step working that follows operator precedence
- Accept thousands separators
- Copy result
- Recent history

## Inputs

- An expression string

## Outputs

- Final result
- List of intermediate results

## Rules

- Implement a parser; never use eval
- Report mismatched parentheses with their position
- Handle division by zero
- Keep precision for large numbers and decimals (decimal arithmetic)
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.

## Verification

- [ ] (379*11900)+(75*20000) = 6010100 with steps 4510100 and 1500000
- [ ] 2+3*4 = 14
- [ ] 1/0 shows an error

Советы по работе с ИИ

  • Укажите стек (React, Vue или чистый HTML) в первой строке, чтобы код подошёл к проекту.
  • Попросите ИИ выполнить перечисленные тесты и показать результаты до принятия кода.
  • Не вставляйте настоящие пароли, данные клиентов и API-ключи; используйте примеры.