{"id":59,"date":"2023-07-05T04:16:53","date_gmt":"2023-07-05T04:16:53","guid":{"rendered":"https:\/\/fulltax.in\/?page_id=59"},"modified":"2026-02-01T12:44:42","modified_gmt":"2026-02-01T12:44:42","slug":"gst-calculators","status":"publish","type":"page","link":"https:\/\/fulltax.in\/index.php\/gst-calculators\/","title":{"rendered":"Gst Calculators"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        .gst-calculator {\n            max-width: 400px;\n            margin: 20px auto;\n            padding: 20px;\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            font-family: sans-serif;\n            background: #f9f9f9;\n        }\n        .input-group { margin-bottom: 15px; }\n        label { display: block; margin-bottom: 5px; font-weight: bold; }\n        input, select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }\n        .results { \n            margin-top: 20px; \n            padding-top: 15px; \n            border-top: 2px solid #007bff; \n        }\n        .result-item { display: flex; justify-content: space-between; margin-bottom: 10px; }\n        .total { font-size: 1.2em; color: #007bff; font-weight: bold; }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"gst-calculator\">\n    <h3>GST Calculator<\/h3>\n    \n    <div class=\"input-group\">\n        <label>Amount<\/label>\n        <input type=\"number\" id=\"amount\" placeholder=\"e.g. 1000\" oninput=\"calculateGST()\">\n    <\/div>\n\n    <div class=\"input-group\">\n        <label>GST Rate (%)<\/label>\n        <select id=\"gstRate\" onchange=\"calculateGST()\">\n            <option value=\"5\">5%<\/option>\n            <option value=\"12\">12%<\/option>\n            <option value=\"18\" selected>18%<\/option>\n            <option value=\"28\">28%<\/option>\n        <\/select>\n    <\/div>\n\n    <div class=\"input-group\">\n        <label>Type<\/label>\n        <select id=\"calcType\" onchange=\"calculateGST()\">\n            <option value=\"add\">Add GST (Exclusive)<\/option>\n            <option value=\"remove\">Remove GST (Inclusive)<\/option>\n        <\/select>\n    <\/div>\n\n    <div class=\"results\">\n        <div class=\"result-item\">\n            <span>GST Amount:<\/span>\n            <span id=\"gstAmount\">0.00<\/span>\n        <\/div>\n        <div class=\"result-item total\">\n            <span>Total Amount:<\/span>\n            <span id=\"totalAmount\">0.00<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction calculateGST() {\n    const amount = parseFloat(document.getElementById('amount').value) || 0;\n    const rate = parseFloat(document.getElementById('gstRate').value);\n    const type = document.getElementById('calcType').value;\n    \n    let gstAmount = 0;\n    let totalAmount = 0;\n\n    if (type === \"add\") {\n        \/\/ Formula: GST = (Original * Rate) \/ 100\n        gstAmount = (amount * rate) \/ 100;\n        totalAmount = amount + gstAmount;\n    } else {\n        \/\/ Formula: GST = Total - (Total * (100 \/ (100 + Rate)))\n        totalAmount = amount;\n        const basePrice = amount * (100 \/ (100 + rate));\n        gstAmount = amount - basePrice;\n    }\n\n    document.getElementById('gstAmount').innerText = gstAmount.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n    document.getElementById('totalAmount').innerText = totalAmount.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>GST Calculator Amount GST Rate (%) 5%12%18%28% Type Add GST (Exclusive)Remove GST (Inclusive) GST Amount: 0.00 Total Amount: 0.00<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_regular_price":[],"currency_symbol":[],"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"aioseo_notices":[],"post_slider_layout_featured_media_urls":{"thumbnail":"","post_slider_layout_landscape_large":"","post_slider_layout_portrait_large":"","post_slider_layout_square_large":"","post_slider_layout_landscape":"","post_slider_layout_portrait":"","post_slider_layout_square":"","full":""},"_links":{"self":[{"href":"https:\/\/fulltax.in\/index.php\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fulltax.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fulltax.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fulltax.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fulltax.in\/index.php\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":2,"href":"https:\/\/fulltax.in\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/fulltax.in\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/fulltax.in\/index.php\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}