Quebec Sales Tax (GST & QST) Calculator 2025<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\r\n }\r\n .calculator-container {\r\n background-color: #ffffff;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n padding: 30px;\r\n width: 100%;\r\n max-width: 900px;\r\n }\r\n .tab-button {\r\n padding: 12px 20px;\r\n font-weight: 600;\r\n color: #4a5568; \/* Gray-700 *\/\r\n border-bottom: 3px solid transparent;\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n }\r\n .tab-button.active {\r\n color: #0E1540; \/* Blue-600 *\/\r\n border-color: #3182ce;\r\n }\r\n .tab-content {\r\n padding-top: 20px;\r\n }\r\n input[type=\"number\"] {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #cbd5e0; \/* Gray-300 *\/\r\n border-radius: 8px;\r\n font-size: 1.125rem;\r\n color: #2d3748; \/* Gray-800 *\/\r\n background-color: #ffffff;\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n }\r\n input[type=\"number\"]:focus {\r\n outline: none;\r\n border-color: #3182ce; \/* Blue-600 *\/\r\n box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.2);\r\n }\r\n .input-group {\r\n position: relative;\r\n }\r\n .input-group span {\r\n position: absolute;\r\n left: 15px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: #4a5568; \/* Gray-700 *\/\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n }\r\n .input-group input {\r\n padding-left: 35px; \/* Make space for the dollar sign *\/\r\n }\r\n .result-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 8px 0;\r\n font-size: 1rem;\r\n color: #4a5568; \/* Gray-700 *\/\r\n }\r\n .result-row strong {\r\n color: #2d3748; \/* Gray-800 *\/\r\n }\r\n .total-row {\r\n border-top: 1px solid #e2e8f0; \/* Gray-200 *\/\r\n padding-top: 15px;\r\n margin-top: 15px;\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #2d3748; \/* Gray-800 *\/\r\n }\r\n .insights-button {\r\n background-color: #667eea; \/* Indigo-500 *\/\r\n color: white;\r\n padding: 12px 20px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background-color 0.2s;\r\n margin-top: 20px;\r\n width: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n }\r\n .insights-button:hover {\r\n background-color: #5a67d8; \/* Indigo-600 *\/\r\n }\r\n .insights-box {\r\n background-color: #ebf8ff; \/* Lightest blue *\/\r\n border: 1px solid #90cdf4; \/* Blue-300 *\/\r\n border-radius: 12px;\r\n padding: 20px;\r\n margin-top: 20px;\r\n text-align: left;\r\n color: #2c5282; \/* Dark blue *\/\r\n line-height: 1.6;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n }\r\n .insights-loading-spinner {\r\n border: 3px solid rgba(0, 0, 0, 0.1);\r\n border-top: 3px solid #667eea;\r\n border-radius: 50%;\r\n width: 20px;\r\n height: 20px;\r\n animation: spin 1s linear infinite;\r\n margin-right: 8px;\r\n }\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 flex items-center justify-center min-h-screen p-4\">\r\n <div class=\"calculator-container\">\r\n <h1 class=\"text-3xl font-bold text-gray-800 mb-6 text-center\">Quebec Sales Tax (GST & QST) Calculator 2025<\/h1>\r\n\r\n <div class=\"flex border-b border-gray-200 mb-6\">\r\n <button class=\"tab-button active\" data-tab=\"beforeTax\">GST\/QST Calculator<br><span class=\"text-sm font-normal\">Before Tax Amount<\/span><\/button>\r\n <button class=\"tab-button\" data-tab=\"afterTax\">Reverse GST\/QST Calculator<br><span class=\"text-sm font-normal\">After Tax Amount<\/span><\/button>\r\n <\/div>\r\n\r\n <div id=\"beforeTax\" class=\"tab-content grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"left-panel\">\r\n <label for=\"amountBeforeTaxes\" class=\"block text-left text-gray-700 font-medium mb-2\">Amount before taxes<\/label>\r\n <div class=\"input-group\">\r\n <span>$<\/span>\r\n <input type=\"number\" id=\"amountBeforeTaxes\" placeholder=\"0.00\" value=\"50\" min=\"0\" step=\"0.01\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"right-panel border-l border-gray-200 pl-8\">\r\n <div class=\"result-row\">\r\n <span>QST (9.975%)<\/span>\r\n <span id=\"qstAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row\">\r\n <span>GST (5%)<\/span>\r\n <span id=\"gstAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row\">\r\n <span>= Sales Taxes (14.975%)<\/span>\r\n <span id=\"totalTaxesAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row total-row\">\r\n <span>Total After Taxes<\/span>\r\n <span id=\"totalAfterTaxAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"afterTax\" class=\"tab-content hidden grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"left-panel\">\r\n <label for=\"amountAfterTaxInput\" class=\"block text-left text-gray-700 font-medium mb-2\">Amount after taxes<\/label>\r\n <div class=\"input-group\">\r\n <span>$<\/span>\r\n <input type=\"number\" id=\"amountAfterTaxInput\" placeholder=\"0.00\" value=\"57.49\" min=\"0\" step=\"0.01\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"right-panel border-l border-gray-200 pl-8\">\r\n <div class=\"result-row\">\r\n <span>QST (9.975%)<\/span>\r\n <span id=\"reverseQstAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row\">\r\n <span>GST (5%)<\/span>\r\n <span id=\"reverseGstAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row\">\r\n <span>= Sales Taxes (14.975%)<\/span>\r\n <span id=\"reverseTotalTaxesAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row total-row\">\r\n <span>Amount Before Taxes<\/span>\r\n <span id=\"reverseAmountBeforeTaxAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const GST_RATE = 0.05; \/\/ 5%\r\n const QST_RATE = 0.09975; \/\/ 9.975%\r\n \/\/ The combined rate for display and simplified reverse calculation (to match Wowa.ca)\r\n const COMBINED_RATE_ADDITIVE = GST_RATE + QST_RATE; \/\/ 0.05 + 0.09975 = 0.14975\r\n\r\n \/\/ Elements for Before Tax Calculator\r\n const amountBeforeTaxesInput = document.getElementById('amountBeforeTaxes');\r\n const qstAmountSpan = document.getElementById('qstAmount');\r\n const gstAmountSpan = document.getElementById('gstAmount');\r\n const totalTaxesAmountSpan = document.getElementById('totalTaxesAmount');\r\n const totalAfterTaxAmountSpan = document.getElementById('totalAfterTaxAmount');\r\n\r\n \/\/ Elements for After Tax Calculator (Reverse)\r\n const amountAfterTaxInput = document.getElementById('amountAfterTaxInput');\r\n const reverseQstAmountSpan = document.getElementById('reverseQstAmount');\r\n const reverseGstAmountSpan = document.getElementById('reverseGstAmount');\r\n const reverseTotalTaxesAmountSpan = document.getElementById('reverseTotalTaxesAmount');\r\n const reverseAmountBeforeTaxAmountSpan = document.getElementById('reverseAmountBeforeTaxAmount');\r\n\r\n \/\/ Tab elements\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n \/\/ LLM Insights Elements\r\n const explainTaxBtn = document.getElementById('explainTaxBtn');\r\n const insightsLoadingSpinner = document.getElementById('insightsLoadingSpinner');\r\n const taxExplanationOutput = document.getElementById('taxExplanationOutput');\r\n\r\n \/\/ --- Functions for Calculations ---\r\n\r\n function calculateForward() {\r\n let amountBeforeTaxes = parseFloat(amountBeforeTaxesInput.value);\r\n if (isNaN(amountBeforeTaxes) || amountBeforeTaxes < 0) {\r\n amountBeforeTaxes = 0;\r\n }\r\n\r\n \/\/ Simplified calculation to match Wowa.ca's display\r\n const gst = amountBeforeTaxes * GST_RATE;\r\n const qst = amountBeforeTaxes * QST_RATE; \/\/ QST applied directly on amountBeforeTaxes\r\n const totalTaxes = gst + qst;\r\n const totalAfterTax = amountBeforeTaxes + totalTaxes;\r\n\r\n qstAmountSpan.textContent = `$ ${qst.toFixed(2)}`;\r\n gstAmountSpan.textContent = `$ ${gst.toFixed(2)}`;\r\n totalTaxesAmountSpan.textContent = `$ ${totalTaxes.toFixed(2)}`;\r\n totalAfterTaxAmountSpan.textContent = `$ ${totalAfterTax.toFixed(2)}`;\r\n }\r\n\r\n function calculateReverse() {\r\n let amountAfterTax = parseFloat(amountAfterTaxInput.value);\r\n if (isNaN(amountAfterTax) || amountAfterTax < 0) {\r\n amountAfterTax = 0;\r\n }\r\n\r\n \/\/ Simplified reverse calculation to match Wowa.ca's display\r\n \/\/ Amount Before Tax = Total After Tax \/ (1 + Combined_Rate_Additive)\r\n const amountBeforeTaxes = amountAfterTax \/ (1 + COMBINED_RATE_ADDITIVE);\r\n\r\n \/\/ Now calculate GST and QST based on this derived amountBeforeTaxes\r\n const gst = amountBeforeTaxes * GST_RATE;\r\n const qst = amountBeforeTaxes * QST_RATE; \/\/ QST applied directly on amountBeforeTaxes\r\n const totalTaxes = gst + qst;\r\n\r\n reverseQstAmountSpan.textContent = `$ ${qst.toFixed(2)}`;\r\n reverseGstAmountSpan.textContent = `$ ${gst.toFixed(2)}`;\r\n reverseTotalTaxesAmountSpan.textContent = `$ ${totalTaxes.toFixed(2)}`;\r\n reverseAmountBeforeTaxAmountSpan.textContent = `$ ${amountBeforeTaxes.toFixed(2)}`;\r\n }\r\n\r\n \/\/ --- Gemini API Integration for Tax Explanation ---\r\n async function getTaxExplanation() {\r\n insightsLoadingSpinner.classList.remove('hidden');\r\n explainTaxBtn.disabled = true; \/\/ Disable button during LLM call\r\n taxExplanationOutput.classList.add('hidden'); \/\/ Hide previous explanation\r\n\r\n const prompt = `Explain the Quebec sales tax (GST and QST) system. Include their current rates (GST 5%, QST 9.975%) and how they are applied (QST is applied on the price including GST). Keep the explanation concise and easy to understand, under 150 words.`;\r\n\r\n let chatHistory = [];\r\n chatHistory.push({ role: \"user\", parts: [{ text: prompt }] });\r\n const payload = { contents: chatHistory };\r\n const apiKey = \"\"; \/\/ Canvas will provide this at runtime for gemini-2.0-flash\r\n const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.0-flash:generateContent?key=${apiKey}`;\r\n\r\n try {\r\n const response = await fetch(apiUrl, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(payload)\r\n });\r\n const result = await response.json();\r\n\r\n if (result.candidates && result.candidates.length > 0 &&\r\n result.candidates[0].content && result.candidates[0].content.parts &&\r\n result.candidates[0].content.parts.length > 0) {\r\n const text = result.candidates[0].content.parts[0].text;\r\n taxExplanationOutput.textContent = text;\r\n taxExplanationOutput.classList.remove('hidden');\r\n } else {\r\n taxExplanationOutput.textContent = \"Could not get explanation. Please try again.\";\r\n taxExplanationOutput.classList.remove('hidden');\r\n console.error(\"Gemini API response structure unexpected:\", result);\r\n }\r\n } catch (error) {\r\n taxExplanationOutput.textContent = \"Failed to fetch explanation. Network error or API issue.\";\r\n taxExplanationOutput.classList.remove('hidden');\r\n console.error(\"Error calling Gemini API:\", error);\r\n } finally {\r\n insightsLoadingSpinner.classList.add('hidden');\r\n explainTaxBtn.disabled = false; \/\/ Re-enable button\r\n }\r\n }\r\n\r\n \/\/ --- Event Listeners ---\r\n\r\n amountBeforeTaxesInput.addEventListener('input', calculateForward);\r\n amountAfterTaxInput.addEventListener('input', calculateReverse);\r\n\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const targetTab = button.dataset.tab;\r\n\r\n tabButtons.forEach(btn => btn.classList.remove('active'));\r\n button.classList.add('active');\r\n\r\n tabContents.forEach(content => {\r\n if (content.id === targetTab) {\r\n content.classList.remove('hidden');\r\n } else {\r\n content.classList.add('hidden');\r\n }\r\n });\r\n\r\n \/\/ Trigger calculation for the newly active tab\r\n if (targetTab === 'beforeTax') {\r\n calculateForward();\r\n } else {\r\n calculateReverse();\r\n }\r\n });\r\n });\r\n\r\n explainTaxBtn.addEventListener('click', getTaxExplanation);\r\n\r\n \/\/ Initial calculation on page load for the default active tab\r\n document.addEventListener('DOMContentLoaded', () => {\r\n calculateForward(); \/\/ Calculate for the \"Before Tax Amount\" tab by default\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-116f735 elementor-widget elementor-widget-spacer\" data-id=\"116f735\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d741aa4 elementor-widget elementor-widget-spacer\" data-id=\"d741aa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quebec Sales Tax (GST & QST) Calculator 2025 Quebec Sales Tax (GST & QST) Calculator 2025 GST\/QST CalculatorBefore Tax Amount […]<\/p>\n","protected":false},"author":1,"featured_media":772,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-834","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Tax Calculator | H Web Dev.<\/title>\n<meta name=\"description\" content=\"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/h-webdev.com\/fr\/tax-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tax Calculator | H Web Dev.\" \/>\n<meta property=\"og:description\" content=\"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/h-webdev.com\/fr\/tax-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"H Web Dev.\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-19T13:31:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"525\" \/>\n\t<meta property=\"og:image:height\" content=\"525\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/\",\"url\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/\",\"name\":\"Tax Calculator | H Web Dev.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.png\",\"datePublished\":\"2025-07-27T04:07:54+00:00\",\"dateModified\":\"2026-01-19T13:31:18+00:00\",\"description\":\"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#primaryimage\",\"url\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.png\",\"contentUrl\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.png\",\"width\":525,\"height\":525,\"caption\":\"site logo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/h-webdev.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tax Calculator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/\",\"name\":\"H Web Dev.\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/#\\\/schema\\\/person\\\/f61edc8649dfc6bdf57926a9b5328a90\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/#\\\/schema\\\/person\\\/f61edc8649dfc6bdf57926a9b5328a90\",\"name\":\"servinhugor@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.webp\",\"url\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.webp\",\"contentUrl\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.webp\",\"width\":525,\"height\":525,\"caption\":\"servinhugor@gmail.com\"},\"logo\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.webp\"},\"sameAs\":[\"https:\\\/\\\/h-webdev.com\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Tax Calculator | H Web Dev.","description":"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/h-webdev.com\/fr\/tax-calculator\/","og_locale":"fr_CA","og_type":"article","og_title":"Tax Calculator | H Web Dev.","og_description":"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.","og_url":"https:\/\/h-webdev.com\/fr\/tax-calculator\/","og_site_name":"H Web Dev.","article_modified_time":"2026-01-19T13:31:18+00:00","og_image":[{"width":525,"height":525,"url":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/h-webdev.com\/tax-calculator\/","url":"https:\/\/h-webdev.com\/tax-calculator\/","name":"Tax Calculator | H Web Dev.","isPartOf":{"@id":"https:\/\/h-webdev.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/h-webdev.com\/tax-calculator\/#primaryimage"},"image":{"@id":"https:\/\/h-webdev.com\/tax-calculator\/#primaryimage"},"thumbnailUrl":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png","datePublished":"2025-07-27T04:07:54+00:00","dateModified":"2026-01-19T13:31:18+00:00","description":"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.","breadcrumb":{"@id":"https:\/\/h-webdev.com\/tax-calculator\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/h-webdev.com\/tax-calculator\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/h-webdev.com\/tax-calculator\/#primaryimage","url":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png","contentUrl":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png","width":525,"height":525,"caption":"site logo"},{"@type":"BreadcrumbList","@id":"https:\/\/h-webdev.com\/tax-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/h-webdev.com\/"},{"@type":"ListItem","position":2,"name":"Tax Calculator"}]},{"@type":"WebSite","@id":"https:\/\/h-webdev.com\/en\/#website","url":"https:\/\/h-webdev.com\/en\/","name":"H Web Dev.","description":"","publisher":{"@id":"https:\/\/h-webdev.com\/en\/#\/schema\/person\/f61edc8649dfc6bdf57926a9b5328a90"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/h-webdev.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":["Person","Organization"],"@id":"https:\/\/h-webdev.com\/en\/#\/schema\/person\/f61edc8649dfc6bdf57926a9b5328a90","name":"servinhugor@gmail.com","image":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.webp","url":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.webp","contentUrl":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.webp","width":525,"height":525,"caption":"servinhugor@gmail.com"},"logo":{"@id":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.webp"},"sameAs":["https:\/\/h-webdev.com\/"]}]}},"uagb_featured_image_src":{"full":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"thumbnail":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo-150x150.png",150,150,true],"medium":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo-300x300.png",300,300,true],"medium_large":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"large":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"1536x1536":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"2048x2048":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"trp-custom-language-flag":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo-12x12.png",12,12,true]},"uagb_author_info":{"display_name":"servinhugor@gmail.com","author_link":"https:\/\/h-webdev.com\/fr\/author\/servinhugorgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Quebec Sales Tax (GST & QST) Calculator 2025 Quebec Sales Tax (GST & QST) Calculator 2025 GST\/QST CalculatorBefore Tax Amount […]","_links":{"self":[{"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/pages\/834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/comments?post=834"}],"version-history":[{"count":17,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/pages\/834\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/pages\/834\/revisions\/961"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/media\/772"}],"wp:attachment":[{"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/media?parent=834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Quebec Sales Tax (GST & QST) Calculator 2025<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\r\n }\r\n .calculator-container {\r\n background-color: #ffffff;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n padding: 30px;\r\n width: 100%;\r\n max-width: 900px;\r\n }\r\n .tab-button {\r\n padding: 12px 20px;\r\n font-weight: 600;\r\n color: #4a5568; \/* Gray-700 *\/\r\n border-bottom: 3px solid transparent;\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n }\r\n .tab-button.active {\r\n color: #0E1540; \/* Blue-600 *\/\r\n border-color: #3182ce;\r\n }\r\n .tab-content {\r\n padding-top: 20px;\r\n }\r\n input[type=\"number\"] {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #cbd5e0; \/* Gray-300 *\/\r\n border-radius: 8px;\r\n font-size: 1.125rem;\r\n color: #2d3748; \/* Gray-800 *\/\r\n background-color: #ffffff;\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n }\r\n input[type=\"number\"]:focus {\r\n outline: none;\r\n border-color: #3182ce; \/* Blue-600 *\/\r\n box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.2);\r\n }\r\n .input-group {\r\n position: relative;\r\n }\r\n .input-group span {\r\n position: absolute;\r\n left: 15px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: #4a5568; \/* Gray-700 *\/\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n }\r\n .input-group input {\r\n padding-left: 35px; \/* Make space for the dollar sign *\/\r\n }\r\n .result-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 8px 0;\r\n font-size: 1rem;\r\n color: #4a5568; \/* Gray-700 *\/\r\n }\r\n .result-row strong {\r\n color: #2d3748; \/* Gray-800 *\/\r\n }\r\n .total-row {\r\n border-top: 1px solid #e2e8f0; \/* Gray-200 *\/\r\n padding-top: 15px;\r\n margin-top: 15px;\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #2d3748; \/* Gray-800 *\/\r\n }\r\n .insights-button {\r\n background-color: #667eea; \/* Indigo-500 *\/\r\n color: white;\r\n padding: 12px 20px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background-color 0.2s;\r\n margin-top: 20px;\r\n width: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n }\r\n .insights-button:hover {\r\n background-color: #5a67d8; \/* Indigo-600 *\/\r\n }\r\n .insights-box {\r\n background-color: #ebf8ff; \/* Lightest blue *\/\r\n border: 1px solid #90cdf4; \/* Blue-300 *\/\r\n border-radius: 12px;\r\n padding: 20px;\r\n margin-top: 20px;\r\n text-align: left;\r\n color: #2c5282; \/* Dark blue *\/\r\n line-height: 1.6;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n }\r\n .insights-loading-spinner {\r\n border: 3px solid rgba(0, 0, 0, 0.1);\r\n border-top: 3px solid #667eea;\r\n border-radius: 50%;\r\n width: 20px;\r\n height: 20px;\r\n animation: spin 1s linear infinite;\r\n margin-right: 8px;\r\n }\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 flex items-center justify-center min-h-screen p-4\">\r\n <div class=\"calculator-container\">\r\n <h1 class=\"text-3xl font-bold text-gray-800 mb-6 text-center\">Quebec Sales Tax (GST & QST) Calculator 2025<\/h1>\r\n\r\n <div class=\"flex border-b border-gray-200 mb-6\">\r\n <button class=\"tab-button active\" data-tab=\"beforeTax\">GST\/QST Calculator<br><span class=\"text-sm font-normal\">Before Tax Amount<\/span><\/button>\r\n <button class=\"tab-button\" data-tab=\"afterTax\">Reverse GST\/QST Calculator<br><span class=\"text-sm font-normal\">After Tax Amount<\/span><\/button>\r\n <\/div>\r\n\r\n <div id=\"beforeTax\" class=\"tab-content grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"left-panel\">\r\n <label for=\"amountBeforeTaxes\" class=\"block text-left text-gray-700 font-medium mb-2\">Amount before taxes<\/label>\r\n <div class=\"input-group\">\r\n <span>$<\/span>\r\n <input type=\"number\" id=\"amountBeforeTaxes\" placeholder=\"0.00\" value=\"50\" min=\"0\" step=\"0.01\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"right-panel border-l border-gray-200 pl-8\">\r\n <div class=\"result-row\">\r\n <span>QST (9.975%)<\/span>\r\n <span id=\"qstAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row\">\r\n <span>GST (5%)<\/span>\r\n <span id=\"gstAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row\">\r\n <span>= Sales Taxes (14.975%)<\/span>\r\n <span id=\"totalTaxesAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row total-row\">\r\n <span>Total After Taxes<\/span>\r\n <span id=\"totalAfterTaxAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"afterTax\" class=\"tab-content hidden grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"left-panel\">\r\n <label for=\"amountAfterTaxInput\" class=\"block text-left text-gray-700 font-medium mb-2\">Amount after taxes<\/label>\r\n <div class=\"input-group\">\r\n <span>$<\/span>\r\n <input type=\"number\" id=\"amountAfterTaxInput\" placeholder=\"0.00\" value=\"57.49\" min=\"0\" step=\"0.01\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"right-panel border-l border-gray-200 pl-8\">\r\n <div class=\"result-row\">\r\n <span>QST (9.975%)<\/span>\r\n <span id=\"reverseQstAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row\">\r\n <span>GST (5%)<\/span>\r\n <span id=\"reverseGstAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row\">\r\n <span>= Sales Taxes (14.975%)<\/span>\r\n <span id=\"reverseTotalTaxesAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <div class=\"result-row total-row\">\r\n <span>Amount Before Taxes<\/span>\r\n <span id=\"reverseAmountBeforeTaxAmount\">$ 0.00<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const GST_RATE = 0.05; \/\/ 5%\r\n const QST_RATE = 0.09975; \/\/ 9.975%\r\n \/\/ The combined rate for display and simplified reverse calculation (to match Wowa.ca)\r\n const COMBINED_RATE_ADDITIVE = GST_RATE + QST_RATE; \/\/ 0.05 + 0.09975 = 0.14975\r\n\r\n \/\/ Elements for Before Tax Calculator\r\n const amountBeforeTaxesInput = document.getElementById('amountBeforeTaxes');\r\n const qstAmountSpan = document.getElementById('qstAmount');\r\n const gstAmountSpan = document.getElementById('gstAmount');\r\n const totalTaxesAmountSpan = document.getElementById('totalTaxesAmount');\r\n const totalAfterTaxAmountSpan = document.getElementById('totalAfterTaxAmount');\r\n\r\n \/\/ Elements for After Tax Calculator (Reverse)\r\n const amountAfterTaxInput = document.getElementById('amountAfterTaxInput');\r\n const reverseQstAmountSpan = document.getElementById('reverseQstAmount');\r\n const reverseGstAmountSpan = document.getElementById('reverseGstAmount');\r\n const reverseTotalTaxesAmountSpan = document.getElementById('reverseTotalTaxesAmount');\r\n const reverseAmountBeforeTaxAmountSpan = document.getElementById('reverseAmountBeforeTaxAmount');\r\n\r\n \/\/ Tab elements\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n \/\/ LLM Insights Elements\r\n const explainTaxBtn = document.getElementById('explainTaxBtn');\r\n const insightsLoadingSpinner = document.getElementById('insightsLoadingSpinner');\r\n const taxExplanationOutput = document.getElementById('taxExplanationOutput');\r\n\r\n \/\/ --- Functions for Calculations ---\r\n\r\n function calculateForward() {\r\n let amountBeforeTaxes = parseFloat(amountBeforeTaxesInput.value);\r\n if (isNaN(amountBeforeTaxes) || amountBeforeTaxes < 0) {\r\n amountBeforeTaxes = 0;\r\n }\r\n\r\n \/\/ Simplified calculation to match Wowa.ca's display\r\n const gst = amountBeforeTaxes * GST_RATE;\r\n const qst = amountBeforeTaxes * QST_RATE; \/\/ QST applied directly on amountBeforeTaxes\r\n const totalTaxes = gst + qst;\r\n const totalAfterTax = amountBeforeTaxes + totalTaxes;\r\n\r\n qstAmountSpan.textContent = `$ ${qst.toFixed(2)}`;\r\n gstAmountSpan.textContent = `$ ${gst.toFixed(2)}`;\r\n totalTaxesAmountSpan.textContent = `$ ${totalTaxes.toFixed(2)}`;\r\n totalAfterTaxAmountSpan.textContent = `$ ${totalAfterTax.toFixed(2)}`;\r\n }\r\n\r\n function calculateReverse() {\r\n let amountAfterTax = parseFloat(amountAfterTaxInput.value);\r\n if (isNaN(amountAfterTax) || amountAfterTax < 0) {\r\n amountAfterTax = 0;\r\n }\r\n\r\n \/\/ Simplified reverse calculation to match Wowa.ca's display\r\n \/\/ Amount Before Tax = Total After Tax \/ (1 + Combined_Rate_Additive)\r\n const amountBeforeTaxes = amountAfterTax \/ (1 + COMBINED_RATE_ADDITIVE);\r\n\r\n \/\/ Now calculate GST and QST based on this derived amountBeforeTaxes\r\n const gst = amountBeforeTaxes * GST_RATE;\r\n const qst = amountBeforeTaxes * QST_RATE; \/\/ QST applied directly on amountBeforeTaxes\r\n const totalTaxes = gst + qst;\r\n\r\n reverseQstAmountSpan.textContent = `$ ${qst.toFixed(2)}`;\r\n reverseGstAmountSpan.textContent = `$ ${gst.toFixed(2)}`;\r\n reverseTotalTaxesAmountSpan.textContent = `$ ${totalTaxes.toFixed(2)}`;\r\n reverseAmountBeforeTaxAmountSpan.textContent = `$ ${amountBeforeTaxes.toFixed(2)}`;\r\n }\r\n\r\n \/\/ --- Gemini API Integration for Tax Explanation ---\r\n async function getTaxExplanation() {\r\n insightsLoadingSpinner.classList.remove('hidden');\r\n explainTaxBtn.disabled = true; \/\/ Disable button during LLM call\r\n taxExplanationOutput.classList.add('hidden'); \/\/ Hide previous explanation\r\n\r\n const prompt = `Explain the Quebec sales tax (GST and QST) system. Include their current rates (GST 5%, QST 9.975%) and how they are applied (QST is applied on the price including GST). Keep the explanation concise and easy to understand, under 150 words.`;\r\n\r\n let chatHistory = [];\r\n chatHistory.push({ role: \"user\", parts: [{ text: prompt }] });\r\n const payload = { contents: chatHistory };\r\n const apiKey = \"\"; \/\/ Canvas will provide this at runtime for gemini-2.0-flash\r\n const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.0-flash:generateContent?key=${apiKey}`;\r\n\r\n try {\r\n const response = await fetch(apiUrl, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(payload)\r\n });\r\n const result = await response.json();\r\n\r\n if (result.candidates && result.candidates.length > 0 &&\r\n result.candidates[0].content && result.candidates[0].content.parts &&\r\n result.candidates[0].content.parts.length > 0) {\r\n const text = result.candidates[0].content.parts[0].text;\r\n taxExplanationOutput.textContent = text;\r\n taxExplanationOutput.classList.remove('hidden');\r\n } else {\r\n taxExplanationOutput.textContent = \"Could not get explanation. Please try again.\";\r\n taxExplanationOutput.classList.remove('hidden');\r\n console.error(\"Gemini API response structure unexpected:\", result);\r\n }\r\n } catch (error) {\r\n taxExplanationOutput.textContent = \"Failed to fetch explanation. Network error or API issue.\";\r\n taxExplanationOutput.classList.remove('hidden');\r\n console.error(\"Error calling Gemini API:\", error);\r\n } finally {\r\n insightsLoadingSpinner.classList.add('hidden');\r\n explainTaxBtn.disabled = false; \/\/ Re-enable button\r\n }\r\n }\r\n\r\n \/\/ --- Event Listeners ---\r\n\r\n amountBeforeTaxesInput.addEventListener('input', calculateForward);\r\n amountAfterTaxInput.addEventListener('input', calculateReverse);\r\n\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const targetTab = button.dataset.tab;\r\n\r\n tabButtons.forEach(btn => btn.classList.remove('active'));\r\n button.classList.add('active');\r\n\r\n tabContents.forEach(content => {\r\n if (content.id === targetTab) {\r\n content.classList.remove('hidden');\r\n } else {\r\n content.classList.add('hidden');\r\n }\r\n });\r\n\r\n \/\/ Trigger calculation for the newly active tab\r\n if (targetTab === 'beforeTax') {\r\n calculateForward();\r\n } else {\r\n calculateReverse();\r\n }\r\n });\r\n });\r\n\r\n explainTaxBtn.addEventListener('click', getTaxExplanation);\r\n\r\n \/\/ Initial calculation on page load for the default active tab\r\n document.addEventListener('DOMContentLoaded', () => {\r\n calculateForward(); \/\/ Calculate for the \"Before Tax Amount\" tab by default\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-116f735 elementor-widget elementor-widget-spacer\" data-id=\"116f735\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d741aa4 elementor-widget elementor-widget-spacer\" data-id=\"d741aa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quebec Sales Tax (GST & QST) Calculator 2025 Quebec Sales Tax (GST & QST) Calculator 2025 GST\/QST CalculatorBefore Tax Amount […]<\/p>\n","protected":false},"author":1,"featured_media":772,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-834","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Tax Calculator | H Web Dev.<\/title>\n<meta name=\"description\" content=\"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/h-webdev.com\/fr\/tax-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tax Calculator | H Web Dev.\" \/>\n<meta property=\"og:description\" content=\"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/h-webdev.com\/fr\/tax-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"H Web Dev.\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-19T13:31:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"525\" \/>\n\t<meta property=\"og:image:height\" content=\"525\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/\",\"url\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/\",\"name\":\"Tax Calculator | H Web Dev.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.png\",\"datePublished\":\"2025-07-27T04:07:54+00:00\",\"dateModified\":\"2026-01-19T13:31:18+00:00\",\"description\":\"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#primaryimage\",\"url\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.png\",\"contentUrl\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.png\",\"width\":525,\"height\":525,\"caption\":\"site logo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/tax-calculator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/h-webdev.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tax Calculator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/\",\"name\":\"H Web Dev.\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/#\\\/schema\\\/person\\\/f61edc8649dfc6bdf57926a9b5328a90\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/h-webdev.com\\\/en\\\/#\\\/schema\\\/person\\\/f61edc8649dfc6bdf57926a9b5328a90\",\"name\":\"servinhugor@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.webp\",\"url\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.webp\",\"contentUrl\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.webp\",\"width\":525,\"height\":525,\"caption\":\"servinhugor@gmail.com\"},\"logo\":{\"@id\":\"https:\\\/\\\/h-webdev.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/h-webdev-logo.webp\"},\"sameAs\":[\"https:\\\/\\\/h-webdev.com\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Tax Calculator | H Web Dev.","description":"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/h-webdev.com\/fr\/tax-calculator\/","og_locale":"fr_CA","og_type":"article","og_title":"Tax Calculator | H Web Dev.","og_description":"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.","og_url":"https:\/\/h-webdev.com\/fr\/tax-calculator\/","og_site_name":"H Web Dev.","article_modified_time":"2026-01-19T13:31:18+00:00","og_image":[{"width":525,"height":525,"url":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/h-webdev.com\/tax-calculator\/","url":"https:\/\/h-webdev.com\/tax-calculator\/","name":"Tax Calculator | H Web Dev.","isPartOf":{"@id":"https:\/\/h-webdev.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/h-webdev.com\/tax-calculator\/#primaryimage"},"image":{"@id":"https:\/\/h-webdev.com\/tax-calculator\/#primaryimage"},"thumbnailUrl":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png","datePublished":"2025-07-27T04:07:54+00:00","dateModified":"2026-01-19T13:31:18+00:00","description":"Easily calculate taxes with this free online tax calculator. Add or remove tax from any amount instantly. Fast, accurate, and simple to use.","breadcrumb":{"@id":"https:\/\/h-webdev.com\/tax-calculator\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/h-webdev.com\/tax-calculator\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/h-webdev.com\/tax-calculator\/#primaryimage","url":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png","contentUrl":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png","width":525,"height":525,"caption":"site logo"},{"@type":"BreadcrumbList","@id":"https:\/\/h-webdev.com\/tax-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/h-webdev.com\/"},{"@type":"ListItem","position":2,"name":"Tax Calculator"}]},{"@type":"WebSite","@id":"https:\/\/h-webdev.com\/en\/#website","url":"https:\/\/h-webdev.com\/en\/","name":"H Web Dev.","description":"","publisher":{"@id":"https:\/\/h-webdev.com\/en\/#\/schema\/person\/f61edc8649dfc6bdf57926a9b5328a90"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/h-webdev.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":["Person","Organization"],"@id":"https:\/\/h-webdev.com\/en\/#\/schema\/person\/f61edc8649dfc6bdf57926a9b5328a90","name":"servinhugor@gmail.com","image":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.webp","url":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.webp","contentUrl":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.webp","width":525,"height":525,"caption":"servinhugor@gmail.com"},"logo":{"@id":"https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.webp"},"sameAs":["https:\/\/h-webdev.com\/"]}]}},"uagb_featured_image_src":{"full":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"thumbnail":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo-150x150.png",150,150,true],"medium":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo-300x300.png",300,300,true],"medium_large":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"large":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"1536x1536":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"2048x2048":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo.png",525,525,false],"trp-custom-language-flag":["https:\/\/h-webdev.com\/wp-content\/uploads\/2025\/07\/h-webdev-logo-12x12.png",12,12,true]},"uagb_author_info":{"display_name":"servinhugor@gmail.com","author_link":"https:\/\/h-webdev.com\/fr\/author\/servinhugorgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Quebec Sales Tax (GST & QST) Calculator 2025 Quebec Sales Tax (GST & QST) Calculator 2025 GST\/QST CalculatorBefore Tax Amount […]","_links":{"self":[{"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/pages\/834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/comments?post=834"}],"version-history":[{"count":17,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/pages\/834\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/pages\/834\/revisions\/961"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/media\/772"}],"wp:attachment":[{"href":"https:\/\/h-webdev.com\/fr\/wp-json\/wp\/v2\/media?parent=834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}