{"id":83508,"date":"2025-12-30T11:38:34","date_gmt":"2025-12-30T10:38:34","guid":{"rendered":"https:\/\/dexxter.be\/tool\/calculer-la-tva-incluse-ou-exclue-sur-une-facture\/"},"modified":"2026-05-13T15:18:01","modified_gmt":"2026-05-13T13:18:01","slug":"btw-berekenen-op-een-factuur-2","status":"publish","type":"tools","link":"https:\/\/dexxter.be\/fr\/tool\/btw-berekenen-op-een-factuur-2\/","title":{"rendered":"Calculer la TVA incluse ou exclue sur une facture"},"content":{"rendered":"<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Calculateur de TVA<\/title>\r\n    <style>\r\n        .vat-widget-fr {\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        .vat-widget-fr * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .vat-widget-fr .container {\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .vat-widget-fr 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        .vat-widget-fr .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        .vat-widget-fr .info-box {\r\n            background-color: #f9fafb;\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\r\n        .vat-widget-fr .input-group {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .vat-widget-fr 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        .vat-widget-fr input[type=\"number\"],\r\n        .vat-widget-fr select {\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        .vat-widget-fr input[type=\"number\"]:focus,\r\n        .vat-widget-fr select:focus {\r\n            border-color: #4169FF;\r\n            outline: none;\r\n        }\r\n\r\n        .vat-widget-fr 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        .vat-widget-fr button:hover {\r\n            background-color: #3451cc;\r\n        }\r\n\r\n        .vat-widget-fr .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        .vat-widget-fr .results.hidden {\r\n            display: none;\r\n        }\r\n\r\n        .vat-widget-fr .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        .vat-widget-fr .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        .vat-widget-fr .result-item span:first-child {\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .vat-widget-fr .result-item span:last-child {\r\n            font-weight: 600;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .vat-widget-fr .result-item:last-child span {\r\n            color: #4169FF;\r\n        }\r\n\r\n        .vat-widget-fr .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        .vat-widget-fr .note p {\r\n            margin: 0;\r\n        }\r\n\r\n        .vat-widget-fr .note strong {\r\n            color: #1a1a1a;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"vat-widget-fr\">\r\n        <div class=\"container\">\r\n            <div class=\"calculator-card\">\r\n                <h2>Calculateur de TVA<\/h2>\r\n\r\n                <div class=\"info-box\">\r\n                    Calculez facilement la TVA pour vos montants. Choisissez si vous souhaitez calculer de hors TVA \u00e0 TVA comprise ou vice versa.\r\n                <\/div>\r\n\r\n                <div class=\"input-group\">\r\n                    <label for=\"bedrag-fr\">Montant (\u20ac) :<\/label>\r\n                    <input type=\"number\" id=\"bedrag-fr\" step=\"0.01\" placeholder=\"Entrez le montant\">\r\n                <\/div>\r\n\r\n                <div class=\"input-group\">\r\n                    <label for=\"btw-tarief-fr\">Taux de TVA :<\/label>\r\n                    <select id=\"btw-tarief-fr\">\r\n                        <option value=\"0.21\">21% (Taux standard)<\/option>\r\n                        <option value=\"0.12\">12% (Taux r\u00e9duit)<\/option>\r\n                        <option value=\"0.06\">6% (Taux r\u00e9duit)<\/option>\r\n                        <option value=\"0\">0% (Exon\u00e9r\u00e9)<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"input-group\">\r\n                    <label for=\"berekeningsrichting-fr\">Direction de calcul :<\/label>\r\n                    <select id=\"berekeningsrichting-fr\">\r\n                        <option value=\"zonder-naar-met\">Du montant hors TVA au montant TTC<\/option>\r\n                        <option value=\"met-naar-zonder\">Du montant TTC au montant hors TVA<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <button onclick=\"berekenBTW()\">Calculer la TVA<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"results hidden\" id=\"result-fr\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function berekenBTW() {\r\n            const bedrag = parseFloat(document.getElementById('bedrag-fr').value);\r\n            const btwTarief = parseFloat(document.getElementById('btw-tarief-fr').value);\r\n            const richting = document.getElementById('berekeningsrichting-fr').value;\r\n\r\n            if (isNaN(bedrag) || isNaN(btwTarief)) {\r\n                const resultElement = document.getElementById('result-fr');\r\n                resultElement.innerHTML = `\r\n                    <h2>Erreur<\/h2>\r\n                    <p style=\"color: #dc2626;\">Veuillez entrer un montant et un taux de TVA valides.<\/p>\r\n                `;\r\n                resultElement.classList.remove('hidden');\r\n                return;\r\n            }\r\n\r\n            let btwBedrag, totaalBedrag, resultHTML;\r\n\r\n            if (richting === 'zonder-naar-met') {\r\n                btwBedrag = bedrag * btwTarief;\r\n                totaalBedrag = bedrag + btwBedrag;\r\n                resultHTML = `\r\n                    <h2>R\u00e9sultat<\/h2>\r\n                    <div class=\"result-item\">\r\n                        <span>Montant hors TVA :<\/span>\r\n                        <span>\u20ac${bedrag.toFixed(2)}<\/span>\r\n                    <\/div>\r\n                    <div class=\"result-item\">\r\n                        <span>Montant de TVA (${(btwTarief * 100).toFixed(0)}%) :<\/span>\r\n                        <span>\u20ac${btwBedrag.toFixed(2)}<\/span>\r\n                    <\/div>\r\n                    <div class=\"result-item\">\r\n                        <span>Montant TTC :<\/span>\r\n                        <span>\u20ac${totaalBedrag.toFixed(2)}<\/span>\r\n                    <\/div>\r\n                `;\r\n            } else if (richting === 'met-naar-zonder') {\r\n                totaalBedrag = bedrag \/ (1 + btwTarief);\r\n                btwBedrag = bedrag - totaalBedrag;\r\n                resultHTML = `\r\n                    <h2>R\u00e9sultat<\/h2>\r\n                    <div class=\"result-item\">\r\n                        <span>Montant TTC :<\/span>\r\n                        <span>\u20ac${bedrag.toFixed(2)}<\/span>\r\n                    <\/div>\r\n                    <div class=\"result-item\">\r\n                        <span>Montant de TVA (${(btwTarief * 100).toFixed(0)}%) :<\/span>\r\n                        <span>\u20ac${btwBedrag.toFixed(2)}<\/span>\r\n                    <\/div>\r\n                    <div class=\"result-item\">\r\n                        <span>Montant hors TVA :<\/span>\r\n                        <span>\u20ac${totaalBedrag.toFixed(2)}<\/span>\r\n                    <\/div>\r\n                `;\r\n            } else {\r\n                resultHTML = `\r\n                    <h2>Erreur<\/h2>\r\n                    <p style=\"color: #dc2626;\">Veuillez s\u00e9lectionner une direction de calcul valide.<\/p>\r\n                `;\r\n            }\r\n\r\n            const resultElement = document.getElementById('result-fr');\r\n            resultElement.innerHTML = resultHTML;\r\n            resultElement.classList.remove('hidden');\r\n        }\r\n    <\/script>\r\n<\/body>\r\n\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":64328,"template":"","class_list":["post-83508","tools","type-tools","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dexxter.be\/fr\/wp-json\/wp\/v2\/tools\/83508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dexxter.be\/fr\/wp-json\/wp\/v2\/tools"}],"about":[{"href":"https:\/\/dexxter.be\/fr\/wp-json\/wp\/v2\/types\/tools"}],"version-history":[{"count":1,"href":"https:\/\/dexxter.be\/fr\/wp-json\/wp\/v2\/tools\/83508\/revisions"}],"predecessor-version":[{"id":83509,"href":"https:\/\/dexxter.be\/fr\/wp-json\/wp\/v2\/tools\/83508\/revisions\/83509"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dexxter.be\/fr\/wp-json\/wp\/v2\/media\/64328"}],"wp:attachment":[{"href":"https:\/\/dexxter.be\/fr\/wp-json\/wp\/v2\/media?parent=83508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}