Home • Калькуляторы • Статьи • Таблица доходов и расходов для учета семейного бюджета

Таблица доходов и расходов для учета семейного бюджета Денежка любит счет, а жена - отчет!

📝 Пост № 240 от 15 января 2026 | В категории Калькуляторы, Статьи | Комментариев нет

Сегодня хотелось бы поговорить о деньгах… Вернее — об их учете. Наверняка большинство из нас к этому относится «спустя рукава», а зря. Планирование и учет расходов — неотъемлемая часть благополучия. Доказано жизнью! Каждый по-разному к этому вопросу относится, но у каждого, в подсознании, уверен, хоть однажды, да возникала мысль: «Пора начать считать…»

И эта мысль верная! Давайте начнем считать. И в этом вам поможет, надеюсь, созданная мной таблица учета бюджета. Этот инструмент максимально упрощен для пользования. В нем нет сложных формул, как EXCEL, лишних категорий, столбцов и других не нужных для домашнего учета «примочек», которые часто впихивают большинство авторов. Здесь — только самое необходимое…

А именно:

Что сделано

1. Всего два файла: HTML — основной файл со стилями оформления и встроенный скрипт обработки таблицы и JSON — файл, куда записывает информация с таблицы

2. Колонки:
а. Описание операции (наименование купленных товаров, услуг…),
b. Категория (вид товаров, наименование услуги…),
c. Тип — (расход или доход),
d. Сумма — (отображение потраченной или полученной суммы)

3. Кнопки «Добавить» (добавляет строку для ввода товара или услуги…), кнопка «Экспорт» (сохранение заgисей в JSON), кнопка «Импорт» (импортирует записи из JSON)

4. Строка с результатами: Расходы — Доходы и Остаток

Это самая простая версия таблицы в светлом оформлении. Но, для «гурманов», кто привык к комфортной работе — PRO версия с авто переключением тем (темная/светлая) и дополнительными графиками «Топ расходов» и «История«, которые позволяют визуализировать свои финансовые операции.

Работают эти скрипты «из коробки» (из папки на вашем компьютере) и не зависят ни от сервера, ни от REACT, никаких зависимостей со сложными библиотеками и прочей ерундой. Только основной HTML файл и JS оператор, что позволяет справиться с работой в таблице даже школьнику. Да и незачем усложнять, если важен только ежесекундный результат. А он выполняется сразу же, по мере ввода вами записей. Скрипт автоматом вводит сумму расхода, дохода и в конце выдает результат подсчета.

Так же, если вы хотите удалить ту или иную запись — просто кликните по кнопке и сохраните в JSON. В файл все пропишется автоматом и вы будете спокойны за сохранность ваших записей, даже при закрытии браузера и очистке кэша. А, чтобы увидеть сохраненные, клик по кнопке «Импорт» и все сохраненное пропишется в таблице.

Я намеренно отказался от сложных серверных зависимостей. Задача была поставлена сделать систему управления домашними финансами, а не корпоративными. Результат работы 2-х вариантов вы сможете посмотреть в видео ниже и сделать для себя соответствующий вывод, какой из двух видов вам по душе. Заказы принимаются. Пожелания на доработку — учитываются. Слово за вами… в комментариях, а получить тот или иной скрипт вы сможете, сделав заказ в контакты.

Удачи и до новых встреч!
С уважением, MasterPRO