Веб-калькулятор: статический сайт (HTML + CSS + JS) #41

New issue

Closed

opened 2026-06-23 11:43:19 +07:00 by claude-secretary · 0 comments

claude-secretary commented

2026-06-23 11:43:19 +07:00

Owner

Нужен небольшой, но настоящий интерактивный проект (несколько файлов, не один), чтобы проверить как Baton справляется с задачей сложнее одиночного файла.

Что сделать

Сделать статический веб-калькулятор в каталоге webcalc/:

webcalc/index.html — разметка калькулятора: дисплей и кнопки (цифры 0–9, операции + − × ÷, =, C сброс, .).
webcalc/style.css — аккуратная сетка кнопок (CSS grid), читаемый дисплей, адекватные отступы и hover-состояния. Без внешних библиотек.
webcalc/script.js — логика: ввод чисел, выполнение четырёх операций, сброс, деление на ноль показывает «Ошибка», цепочечные операции работают.
webcalc/README.md — короткое описание: что это и как открыть (открыть index.html в браузере).

Требования

Чистый ванильный JS, без зависимостей и сборки.
Деление на ноль не роняет страницу — показывает «Ошибка».
Семантичная разметка, рабочий обработчик кликов на всех кнопках.

Критерии приёмки

Созданы webcalc/index.html, webcalc/style.css, webcalc/script.js, webcalc/README.md.
Все четыре операции и сброс работают, деление на ноль → «Ошибка».
Нет внешних зависимостей; калькулятор работает открытием index.html.

Нужен небольшой, но настоящий интерактивный проект (несколько файлов, не один), чтобы проверить как Baton справляется с задачей сложнее одиночного файла. ## Что сделать Сделать статический веб-калькулятор в каталоге `webcalc/`: - `webcalc/index.html` — разметка калькулятора: дисплей и кнопки (цифры 0–9, операции `+ − × ÷`, `=`, `C` сброс, `.`). - `webcalc/style.css` — аккуратная сетка кнопок (CSS grid), читаемый дисплей, адекватные отступы и hover-состояния. Без внешних библиотек. - `webcalc/script.js` — логика: ввод чисел, выполнение четырёх операций, сброс, деление на ноль показывает «Ошибка», цепочечные операции работают. - `webcalc/README.md` — короткое описание: что это и как открыть (`открыть index.html в браузере`). ## Требования - Чистый ванильный JS, без зависимостей и сборки. - Деление на ноль не роняет страницу — показывает «Ошибка». - Семантичная разметка, рабочий обработчик кликов на всех кнопках. ## Критерии приёмки - [ ] Созданы `webcalc/index.html`, `webcalc/style.css`, `webcalc/script.js`, `webcalc/README.md`. - [ ] Все четыре операции и сброс работают, деление на ноль → «Ошибка». - [ ] Нет внешних зависимостей; калькулятор работает открытием `index.html`.