F

FRONT | Фронтенд | JavaScript | CSS | TanStack Start | React 19.3 | JPEG XL | Next.js 16.4 | Bun 1.4 | CSS Anchor Positioning

IT и технологии · 14 октября 2026 г.

Открыть канал в MAX

Обычное числовое поле помнит только результат. Ввёл формулу, нажал enter — осталась гол...

Обычное числовое поле помнит только результат. Ввёл формулу, нажал enter — осталась голая цифра, а как она получилась, уже не восстановить. calc-input хранит и то, и другое. Пока поле в фокусе, там формула (2 + 3) * 4, на blur подставляется 20. Клик обратно — снова формула, её можно править. Операторы + - * / % ^, скобки, константы pi и e, 22 функции: от sqrt до min и max. Парсер рекурсивного спуска, eval() не участвует. На сабмит по умолчанию уходит формула, а submit="result" отправит число — в обоих случаях рядом лежат поля с формулой и результатом. MIT, без зависимостей.