{"id":1367,"date":"2026-06-19T18:28:19","date_gmt":"2026-06-19T18:28:19","guid":{"rendered":"https:\/\/thenextdigi.com\/moneywize\/?page_id=1367"},"modified":"2026-06-19T18:32:56","modified_gmt":"2026-06-19T18:32:56","slug":"vat-calculator","status":"publish","type":"page","link":"https:\/\/thenextdigi.com\/moneywize\/resources\/vat-calculator\/","title":{"rendered":"VAT Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1367\" class=\"elementor elementor-1367\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eaaeed6 e-flex e-con-boxed e-con e-parent\" data-id=\"eaaeed6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b6afa38 e-con-full feat-grid  e-flex e-con e-child\" data-id=\"b6afa38\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fea49f9 e-con-full e-flex e-con e-child\" data-id=\"fea49f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe667f elementor-widget elementor-widget-heading\" data-id=\"4fe667f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Featured \u00b7 Most used<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91068a8 elementor-widget elementor-widget-heading\" data-id=\"91068a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The <span class=\"text-brand\">VAT Calculator <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-457b77f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"457b77f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add or remove VAT at 20%, 5% or 0%, with instant calculations showing the net amount, VAT value and gross total.<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3daceef e-con-full e-flex e-con e-child\" data-id=\"3daceef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58188e4 elementor-widget elementor-widget-button\" data-id=\"58188e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/thenextdigi.com\/moneywize\/resources#See-all-calculators\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Open the calculators<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b414728 e-con-full e-flex e-con e-child\" data-id=\"b414728\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-245fee8 elementor-widget elementor-widget-html\" data-id=\"245fee8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mw-vat-calculator\" data-vat-calculator>\r\n\r\n  <div class=\"mw-vat-field\">\r\n    <label>Amount<\/label>\r\n\r\n    <input\r\n      type=\"text\"\r\n      class=\"mw-vat-amount\"\r\n      inputmode=\"decimal\"\r\n      placeholder=\"2,400.00\"\r\n      autocomplete=\"off\"\r\n    >\r\n  <\/div>\r\n\r\n  <div class=\"mw-vat-field\">\r\n    <label>Direction<\/label>\r\n\r\n    <div class=\"mw-vat-select-wrap\">\r\n      <select class=\"mw-vat-direction\">\r\n        <option value=\"add-20\">Add VAT (20%) \u2192<\/option>\r\n        <option value=\"remove-20\">\u2190 Remove VAT (20%)<\/option>\r\n        <option value=\"add-5\">Add VAT (5%) \u2192<\/option>\r\n        <option value=\"remove-5\">\u2190 Remove VAT (5%)<\/option>\r\n      <\/select>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mw-vat-divider\"><\/div>\r\n\r\n  <div class=\"mw-vat-results\" aria-live=\"polite\">\r\n\r\n    <div class=\"mw-vat-main-result\">\r\n      <span>VAT:<\/span>\r\n      <strong class=\"mw-vat-value\">\u00a30.00<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"mw-vat-result-details\">\r\n      <span>\r\n        Net:\r\n        <strong class=\"mw-vat-net\">\u00a30.00<\/strong>\r\n      <\/span>\r\n\r\n      <span>\r\n        Gross:\r\n        <strong class=\"mw-vat-gross\">\u00a30.00<\/strong>\r\n      <\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <p class=\"mw-vat-error\"><\/p>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  function initialiseVatCalculators() {\r\n    const calculators = document.querySelectorAll(\r\n      '[data-vat-calculator]:not([data-vat-initialised])'\r\n    );\r\n\r\n    calculators.forEach(function (calculator) {\r\n      calculator.setAttribute('data-vat-initialised', 'true');\r\n\r\n      const amountField = calculator.querySelector('.mw-vat-amount');\r\n      const directionField = calculator.querySelector('.mw-vat-direction');\r\n\r\n      const vatResult = calculator.querySelector('.mw-vat-value');\r\n      const netResult = calculator.querySelector('.mw-vat-net');\r\n      const grossResult = calculator.querySelector('.mw-vat-gross');\r\n      const errorMessage = calculator.querySelector('.mw-vat-error');\r\n\r\n      function parseAmount(value) {\r\n        const cleanedValue = String(value)\r\n          .replace(\/\u00a3\/g, '')\r\n          .replace(\/,\/g, '')\r\n          .replace(\/\\s\/g, '');\r\n\r\n        return parseFloat(cleanedValue);\r\n      }\r\n\r\n      function formatCurrency(value) {\r\n        return new Intl.NumberFormat('en-GB', {\r\n          style: 'currency',\r\n          currency: 'GBP',\r\n          minimumFractionDigits: 2,\r\n          maximumFractionDigits: 2\r\n        }).format(value);\r\n      }\r\n\r\n      function updateResults(vat, net, gross) {\r\n        vatResult.textContent = formatCurrency(vat);\r\n        netResult.textContent = formatCurrency(net);\r\n        grossResult.textContent = formatCurrency(gross);\r\n      }\r\n\r\n      function resetResults() {\r\n        updateResults(0, 0, 0);\r\n      }\r\n\r\n      function calculateVAT() {\r\n        const enteredValue = amountField.value.trim();\r\n\r\n        if (enteredValue === '') {\r\n          errorMessage.textContent = '';\r\n          resetResults();\r\n          return;\r\n        }\r\n\r\n        const amount = parseAmount(enteredValue);\r\n        const direction = directionField.value;\r\n\r\n        if (!Number.isFinite(amount) || amount < 0) {\r\n          errorMessage.textContent = 'Please enter a valid amount.';\r\n          resetResults();\r\n          return;\r\n        }\r\n\r\n        errorMessage.textContent = '';\r\n\r\n        const rate = direction.includes('-5') ? 0.05 : 0.20;\r\n        const isAddingVat = direction.startsWith('add');\r\n\r\n        let netAmount;\r\n        let vatAmount;\r\n        let grossAmount;\r\n\r\n        if (isAddingVat) {\r\n          netAmount = amount;\r\n          vatAmount = netAmount * rate;\r\n          grossAmount = netAmount + vatAmount;\r\n        } else {\r\n          grossAmount = amount;\r\n          netAmount = grossAmount \/ (1 + rate);\r\n          vatAmount = grossAmount - netAmount;\r\n        }\r\n\r\n        updateResults(vatAmount, netAmount, grossAmount);\r\n      }\r\n\r\n      amountField.addEventListener('input', calculateVAT);\r\n      directionField.addEventListener('change', calculateVAT);\r\n\r\n      amountField.addEventListener('focus', function () {\r\n        const amount = parseAmount(amountField.value);\r\n\r\n        if (Number.isFinite(amount)) {\r\n          amountField.value = amount;\r\n        }\r\n      });\r\n\r\n      amountField.addEventListener('blur', function () {\r\n        const amount = parseAmount(amountField.value);\r\n\r\n        if (Number.isFinite(amount) && amount >= 0) {\r\n          amountField.value = amount.toLocaleString('en-GB', {\r\n            minimumFractionDigits: 2,\r\n            maximumFractionDigits: 2\r\n          });\r\n        }\r\n\r\n        calculateVAT();\r\n      });\r\n\r\n      resetResults();\r\n    });\r\n  }\r\n\r\n  initialiseVatCalculators();\r\n\r\n  document.addEventListener(\r\n    'DOMContentLoaded',\r\n    initialiseVatCalculators\r\n  );\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>Featured \u00b7 Most used The VAT Calculator Add or remove VAT at 20%, 5% or 0%, with instant calculations showing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":405,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-1367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thenextdigi.com\/moneywize\/wp-json\/wp\/v2\/pages\/1367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thenextdigi.com\/moneywize\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thenextdigi.com\/moneywize\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thenextdigi.com\/moneywize\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thenextdigi.com\/moneywize\/wp-json\/wp\/v2\/comments?post=1367"}],"version-history":[{"count":0,"href":"https:\/\/thenextdigi.com\/moneywize\/wp-json\/wp\/v2\/pages\/1367\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/thenextdigi.com\/moneywize\/wp-json\/wp\/v2\/pages\/405"}],"wp:attachment":[{"href":"https:\/\/thenextdigi.com\/moneywize\/wp-json\/wp\/v2\/media?parent=1367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}