Онлайн калькулятор податків України 2024-2025: розрахунок для ФОП та найманих працівників

jQuery(document).ready(function($) { function decodeHtmlEntities(text) { var textArea = document.createElement(‘textarea’); textArea.innerHTML = text; return textArea.value; } if (typeof Chart === ‘undefined’) { var script = document.createElement(‘script’); script.src = ‘https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.min.js’; script.onload = initializeCalculator; document.head.appendChild(script); } else { initializeCalculator(); } function initializeCalculator() { let chart = null; $(‘#taxForm’).on(‘submit’, function(e) { e.preventDefault(); const incomeType = $(‘#incomeType’).val(); const year = $(‘#year’).val(); const period = $(‘#period’).val(); const monthlyIncome = parseFloat($(‘#income’).val()); let singleTax = 0; let militaryTax = 0; let esv = 0; let pdfo = 0; const minSalary2024 = 7100; const minSalary2025 = 8000; const minSalary = year === “2024” ? minSalary2024 : minSalary2025; const periodMultiplier = period === “month” ? 1 : (period === “quarter” ? 3 : 12); const income = monthlyIncome * periodMultiplier; function calculateTax(base, rate) { return base * rate; } switch(incomeType) { case ‘fop1’: singleTax = 302.8 * periodMultiplier; militaryTax = (year === “2024” ? 710 : 800) * periodMultiplier; esv = year === “2025” ? 1760 * periodMultiplier : 0; break; case ‘fop2’: singleTax = 1420 * periodMultiplier; militaryTax = (year === “2024” ? 710 : 800) * periodMultiplier; esv = year === “2025” ? 1760 * periodMultiplier : 0; break; case ‘fop3’: singleTax = calculateTax(income, 0.05); militaryTax = calculateTax(income, 0.01); esv = year === “2025” ? 1760 * periodMultiplier : 0; break; case ‘fop_general’: pdfo = calculateTax(income, 0.18); militaryTax = calculateTax(income, 0.05); esv = year === “2025” ? 1760 * periodMultiplier : 0; break; case ’employee’: pdfo = calculateTax(income, 0.18); militaryTax = calculateTax(income, 0.015); esv = calculateTax(income, 0.22); break; } const totalTax = singleTax + militaryTax + pdfo + (incomeType === ’employee’ ? 0 : esv); const netIncome = income – totalTax; const resultHTML = decodeHtmlEntities(`

Результати розрахунку:

Загальний дохід за ${period === “month” ? “місяць” : period === “quarter” ? “квартал” : “рік”}: ${income.toFixed(2)} грн

Єдиний податок: ${singleTax.toFixed(2)} грн

Військовий збір: ${militaryTax.toFixed(2)} грн

ПДФО: ${pdfo.toFixed(2)} грн

ЄСВ: ${esv.toFixed(2)} грн

Загальна сума податків: ${totalTax.toFixed(2)} грн

Чистий дохід: ${netIncome.toFixed(2)} грн

`); $(‘#result’).html(resultHTML); updateChart(singleTax, militaryTax, pdfo, esv, netIncome); $(‘#savePDF’).show(); }); function updateChart(singleTax, militaryTax, pdfo, esv, netIncome) { const ctx = $(‘#taxChart’)[0].getContext(‘2d’); if (chart) { chart.destroy(); } const labels = [ decodeHtmlEntities(‘Єдиний податок’), decodeHtmlEntities(‘Військовий збір’), decodeHtmlEntities(‘ПДФО’), decodeHtmlEntities(‘ЄСВ’), decodeHtmlEntities(‘Чистий дохід’) ]; const data = [singleTax, militaryTax, pdfo, esv, netIncome]; chart = new Chart(ctx, { type: ‘pie’, data: { labels: labels, datasets: [{ data: data, backgroundColor: [ ‘rgb(4,170,109)’, ‘rgba(54, 162, 235, 0.8)’, ‘rgba(255, 206, 86, 0.8)’, ‘rgba(75, 192, 192, 0.8)’, ‘rgba(153, 102, 255, 0.8)’ ] }] }, options: { responsive: true, plugins: { legend: { position: ‘top’, }, title: { display: true, text: decodeHtmlEntities(‘Розподіл доходу та податків’) }, tooltip: { callbacks: { label: function(context) { let label = labels[context.dataIndex] || ”; if (label) { label += ‘: ‘; } if (context.parsed !== null) { label += new Intl.NumberFormat(‘uk-UA’, { style: ‘currency’, currency: ‘UAH’ }).format(context.parsed); } return label; } } } } } }); } $(‘#savePDF’).on(‘click’, function() { const { jsPDF } = window.jspdf; const doc = new jsPDF(); html2canvas(document.querySelector(“#results”)).then(canvas => { const imgData = canvas.toDataURL(‘image/png’); const imgProps = doc.getImageProperties(imgData); const pdfWidth = doc.internal.pageSize.getWidth(); const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width; doc.addImage(imgData, ‘PNG’, 0, 0, pdfWidth, pdfHeight); doc.save(“tax_calculation.pdf”); }); }); } }); #tax-calculator { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; background-color: #f4f4f4; } #tax-calculator .container { max-width: 800px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } #tax-calculator h2 { text-align: center; color: #333; } #tax-calculator label { display: block; margin-bottom: 5px; } #tax-calculator input[type=”number”], #tax-calculator select { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 4px; } #tax-calculator button[type=”submit”] { display: block; width: 100%; padding: 15px; background-color: #000; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 18px; transition: background-color 0.3s; } #tax-calculator button[type=”submit”]:hover { background-color: #333; } #tax-calculator #result { margin-top: 20px; font-weight: bold; } #tax-calculator .results-container { display: flex; justify-content: space-between; margin-top: 20px; } #tax-calculator .result-column, #tax-calculator .chart-column { width: 48%; } #tax-calculator #chartContainer { width: 100%; max-width: 400px; margin: 20px auto; } #tax-calculator #savePDF { display: block; width: 200px; margin: 20px auto; padding: 10px; background-color: #333; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } #tax-calculator #savePDF:hover { background-color: #45a049; }