Калькулятор процентов

Быстро рассчитывайте проценты, скидки, налоги и чаевые.

// about

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

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

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

  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 for everyday percentage tasks: share, percent change, increases/decreases and reverse calculations.

## Core features

- What is B% of A
- A is what percent of B
- Percent change from A to B
- Increase or decrease A by B%
- Original price from a discounted price

## Inputs

- Two numbers per calculation type

## Outputs

- Result
- Formula and working shown step by step

## Edge cases and handling rules

- Explain division by zero when the base is 0
- Support negative and decimal numbers
- Rounding option to hide floating-point noise
- Note on percent versus percentage points

## 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)

- 15% of 80000 = 12000
- Change from 200 to 250 = 25%
- If 72000 is 20% off, the original is 90000

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-percent-calculator/SKILL.md, чтобы агенты вроде Claude Code использовали его при каждой доработке инструмента.

---
name: build-percent-calculator
description: Use when building or changing a Калькулятор процентов tool. Build a calculator for everyday percentage tasks: share, percent change, increases/decreases and reverse calculations.
---

# Build: Калькулятор процентов

## Goal

Build a calculator for everyday percentage tasks: share, percent change, increases/decreases and reverse calculations.

## 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

- What is B% of A
- A is what percent of B
- Percent change from A to B
- Increase or decrease A by B%
- Original price from a discounted price

## Inputs

- Two numbers per calculation type

## Outputs

- Result
- Formula and working shown step by step

## Rules

- Explain division by zero when the base is 0
- Support negative and decimal numbers
- Rounding option to hide floating-point noise
- Note on percent versus percentage points
- 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

- [ ] 15% of 80000 = 12000
- [ ] Change from 200 to 250 = 25%
- [ ] If 72000 is 20% off, the original is 90000

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

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