{"id":83504,"date":"2025-12-30T11:29:33","date_gmt":"2025-12-30T10:29:33","guid":{"rendered":"https:\/\/dexxter.be\/tool\/calculate-taxes-on-your-secondary-occupation-gross-net-calculator\/"},"modified":"2026-05-13T15:18:01","modified_gmt":"2026-05-13T13:18:01","slug":"belastingen-berekenen-op-je-bijberoep-bruto-netto-calculator-2","status":"publish","type":"tools","link":"https:\/\/dexxter.be\/en\/tool\/belastingen-berekenen-op-je-bijberoep-bruto-netto-calculator-2\/","title":{"rendered":"Calculate taxes on your secondary occupation: gross-net calculator"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Bijberoep Belasting Calculator<\/title>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.7.0\/chart.min.js\"><\/script>\r\n    <style>\r\n        .sidejob-widget-nl {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            background-color: transparent;\r\n            padding: 40px 20px;\r\n            line-height: 1.6;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .sidejob-widget-nl * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .sidejob-widget-nl .container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .sidejob-widget-nl h2 {\r\n            color: #1a1a1a;\r\n            font-size: 1.25rem;\r\n            margin: 0 0 20px 0;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .sidejob-widget-nl h3 {\r\n            color: #1a1a1a;\r\n            font-size: 1.1rem;\r\n            margin: 0 0 15px 0;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .sidejob-widget-nl .calculator-card {\r\n            background-color: white;\r\n            padding: 30px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .sidejob-widget-nl .input-group {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .sidejob-widget-nl label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: 500;\r\n            color: #1a1a1a;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .sidejob-widget-nl input[type=\"number\"] {\r\n            width: 100%;\r\n            padding: 12px;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 8px;\r\n            font-size: 1rem;\r\n            transition: border-color 0.3s;\r\n            background-color: white;\r\n        }\r\n\r\n        .sidejob-widget-nl input[type=\"number\"]:focus {\r\n            border-color: #4169FF;\r\n            outline: none;\r\n        }\r\n\r\n        .sidejob-widget-nl button {\r\n            background-color: #4169FF;\r\n            color: white;\r\n            padding: 12px 32px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            font-size: 0.95rem;\r\n            font-weight: 500;\r\n            transition: background-color 0.3s;\r\n            display: block;\r\n            margin: 20px auto 0;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .sidejob-widget-nl button:hover {\r\n            background-color: #3451cc;\r\n        }\r\n\r\n        .sidejob-widget-nl .results {\r\n            background-color: white;\r\n            padding: 30px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .sidejob-widget-nl .results.hidden {\r\n            display: none;\r\n        }\r\n\r\n        .sidejob-widget-nl .result-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 12px 0;\r\n            border-bottom: 1px solid #f3f4f6;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .sidejob-widget-nl .result-item:last-child {\r\n            border-bottom: none;\r\n            font-weight: 600;\r\n            color: #4169FF;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .sidejob-widget-nl .result-item span:first-child {\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .sidejob-widget-nl .result-item span:last-child {\r\n            font-weight: 600;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .sidejob-widget-nl .result-item:last-child span {\r\n            color: #4169FF;\r\n        }\r\n\r\n        .sidejob-widget-nl .chart-container {\r\n            max-width: 400px;\r\n            margin: 30px auto 0;\r\n            padding: 20px;\r\n            background-color: #f9fafb;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .sidejob-widget-nl .note {\r\n            margin-top: 20px;\r\n            padding: 15px;\r\n            background-color: #f9fafb;\r\n            border-radius: 8px;\r\n            font-size: 0.85rem;\r\n            color: #4a5568;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .sidejob-widget-nl .note p {\r\n            margin: 0;\r\n        }\r\n\r\n        .sidejob-widget-nl .note strong {\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .sidejob-widget-nl .info-box {\r\n            background-color: #f0f7ff;\r\n            border-left: 4px solid #4169FF;\r\n            padding: 15px;\r\n            margin-bottom: 20px;\r\n            border-radius: 0 8px 8px 0;\r\n            font-size: 0.9rem;\r\n            color: #1a1a1a;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"sidejob-widget-nl\">\r\n        <div class=\"container\">\r\n            <div class=\"calculator-card\">\r\n                <h2>Simuleer je belastingen voor bijberoep<\/h2>\r\n\r\n                <div class=\"info-box\">\r\n                    Deze calculator helpt je een schatting te maken van je belastingen en sociale bijdragen voor je bijberoep.\r\n                <\/div>\r\n\r\n                <form id=\"belastingForm-nl\">\r\n                    <div class=\"input-group\">\r\n                        <label for=\"hoofdberoepInkomen-nl\">Schatting jaarlijks belastbaar inkomen hoofdberoep (\u20ac):<\/label>\r\n                        <input type=\"number\" id=\"hoofdberoepInkomen-nl\" min=\"0\" step=\"100\" value=\"35000\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"input-group\">\r\n                        <label for=\"bijberoepInkomen-nl\">Schatting jaarlijks bruto inkomen bijberoep (\u20ac):<\/label>\r\n                        <input type=\"number\" id=\"bijberoepInkomen-nl\" min=\"0\" step=\"100\" value=\"10000\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"input-group\">\r\n                        <label for=\"beroepskosten-nl\">Schatting jaarlijkse beroepskosten bijberoep (\u20ac):<\/label>\r\n                        <input type=\"number\" id=\"beroepskosten-nl\" min=\"0\" step=\"100\" value=\"1000\" required>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\">Simuleer je belastingen<\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <div class=\"results hidden\" id=\"resultaat-nl\">\r\n                <h2>Jaarlijkse Resultaten Bijberoep<\/h2>\r\n                <div id=\"resultaten-lijst-nl\"><\/div>\r\n\r\n                <div class=\"chart-container\">\r\n                    <canvas id=\"grafiek-nl\"><\/canvas>\r\n                <\/div>\r\n\r\n                <div class=\"note\">\r\n                    <p><strong>Let op:<\/strong> Dit is een schatting op basis van de ingevoerde gegevens. Voor een nauwkeurige berekening raden we aan een boekhouder te raadplegen.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let chartInstance = null;\r\n\r\n        document.getElementById('belastingForm-nl').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            berekenBelasting();\r\n        });\r\n\r\n        function berekenBelasting() {\r\n            const hoofdberoepInkomen = parseFloat(document.getElementById('hoofdberoepInkomen-nl').value) || 0;\r\n            const bijberoepOmzet = parseFloat(document.getElementById('bijberoepInkomen-nl').value) || 0;\r\n            const beroepskosten = parseFloat(document.getElementById('beroepskosten-nl').value) || 0;\r\n\r\n            const winstBijberoep = Math.max(bijberoepOmzet - beroepskosten, 0);\r\n\r\n            const belastingSchijven = [\r\n                { grens: 16320, percentage: 0.25 },\r\n                { grens: 28800, percentage: 0.40 },\r\n                { grens: 49840, percentage: 0.45 },\r\n                { grens: 9999999999999, percentage: 0.50 }\r\n            ];\r\n\r\n            let resterendInkomen = hoofdberoepInkomen;\r\n            let toegepastPercentage = 0;\r\n\r\n            for (let schijf of belastingSchijven) {\r\n                if (resterendInkomen > 0) {\r\n                    const vorigeGrens = belastingSchijven[belastingSchijven.indexOf(schijf) - 1];\r\n                    const startGrens = vorigeGrens ? vorigeGrens.grens : 0;\r\n                    const belastbaarInSchijf = Math.min(resterendInkomen, schijf.grens - startGrens);\r\n                    resterendInkomen -= belastbaarInSchijf;\r\n                    toegepastPercentage = schijf.percentage;\r\n                } else {\r\n                    break;\r\n                }\r\n            }\r\n\r\n            let socialeBijdragen = 0;\r\n            if (winstBijberoep < 1691.41) {\r\n                socialeBijdragen = 0;\r\n            } else if (winstBijberoep <= 15831.12) {\r\n                socialeBijdragen = winstBijberoep * 0.20;\r\n            } else if (winstBijberoep <= 26592.49) {\r\n                socialeBijdragen = 15831.12 * 0.20 + (winstBijberoep - 15831.12) * 0.14;\r\n            } else {\r\n                socialeBijdragen = 15831.12 * 0.20 + (26592.49 - 15831.12) * 0.14;\r\n            }\r\n\r\n            const belastbaarInkomenBij = winstBijberoep - socialeBijdragen;\r\n            const belastingBij = belastbaarInkomenBij * toegepastPercentage;\r\n\r\n            const nettoInkomenBij = winstBijberoep - belastingBij - socialeBijdragen;\r\n\r\n            function formatNumber(num) {\r\n                return num.toFixed(2).replace('.', ',');\r\n            }\r\n\r\n            const resultatenDiv = document.getElementById('resultaten-lijst-nl');\r\n            resultatenDiv.innerHTML = `\r\n                <div class=\"result-item\">\r\n                    <span>Omzet bijberoep:<\/span>\r\n                    <span>\u20ac${formatNumber(bijberoepOmzet)}<\/span>\r\n                <\/div>\r\n                <div class=\"result-item\">\r\n                    <span>Beroepskosten:<\/span>\r\n                    <span>\u20ac${formatNumber(beroepskosten)}<\/span>\r\n                <\/div>\r\n                <div class=\"result-item\">\r\n                    <span>Winst bijberoep:<\/span>\r\n                    <span>\u20ac${formatNumber(winstBijberoep)}<\/span>\r\n                <\/div>\r\n                <div class=\"result-item\">\r\n                    <span>Verschuldigde belasting bijberoep:<\/span>\r\n                    <span>\u20ac${formatNumber(belastingBij)}<\/span>\r\n                <\/div>\r\n                <div class=\"result-item\">\r\n                    <span>Sociale bijdragen bijberoep:<\/span>\r\n                    <span>\u20ac${formatNumber(socialeBijdragen)}<\/span>\r\n                <\/div>\r\n                <div class=\"result-item\">\r\n                    <span>Netto inkomen bijberoep:<\/span>\r\n                    <span>\u20ac${formatNumber(nettoInkomenBij)}<\/span>\r\n                <\/div>\r\n            `;\r\n\r\n            if (chartInstance) {\r\n                chartInstance.destroy();\r\n            }\r\n\r\n            const ctx = document.getElementById('grafiek-nl');\r\n            chartInstance = new Chart(ctx, {\r\n                type: 'pie',\r\n                data: {\r\n                    labels: ['Netto Inkomen', 'Belasting', 'Sociale Bijdragen'],\r\n                    datasets: [{\r\n                        data: [\r\n                            Math.max(0, Math.round(nettoInkomenBij)),\r\n                            Math.max(0, Math.round(belastingBij)),\r\n                            Math.max(0, Math.round(socialeBijdragen))\r\n                        ],\r\n                        backgroundColor: ['#4169FF', '#7d9cff', '#b3c7ff']\r\n                    }]\r\n                },\r\n                options: {\r\n                    responsive: true,\r\n                    maintainAspectRatio: true,\r\n                    plugins: {\r\n                        title: {\r\n                            display: true,\r\n                            text: 'Verdeling Inkomen Bijberoep',\r\n                            color: '#1a1a1a',\r\n                            font: {\r\n                                size: 14,\r\n                                weight: 'bold',\r\n                                family: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif\"\r\n                            }\r\n                        },\r\n                        legend: {\r\n                            position: 'bottom',\r\n                            labels: {\r\n                                color: '#1a1a1a',\r\n                                font: {\r\n                                    size: 12,\r\n                                    family: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif\"\r\n                                },\r\n                                boxWidth: 12,\r\n                                padding: 10\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            });\r\n\r\n            document.getElementById('resultaat-nl').classList.remove('hidden');\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":20456,"template":"","class_list":["post-83504","tools","type-tools","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dexxter.be\/en\/wp-json\/wp\/v2\/tools\/83504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dexxter.be\/en\/wp-json\/wp\/v2\/tools"}],"about":[{"href":"https:\/\/dexxter.be\/en\/wp-json\/wp\/v2\/types\/tools"}],"version-history":[{"count":1,"href":"https:\/\/dexxter.be\/en\/wp-json\/wp\/v2\/tools\/83504\/revisions"}],"predecessor-version":[{"id":83505,"href":"https:\/\/dexxter.be\/en\/wp-json\/wp\/v2\/tools\/83504\/revisions\/83505"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dexxter.be\/en\/wp-json\/wp\/v2\/media\/20456"}],"wp:attachment":[{"href":"https:\/\/dexxter.be\/en\/wp-json\/wp\/v2\/media?parent=83504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}