{"id":120025,"date":"2024-05-05T03:10:00","date_gmt":"2024-05-05T03:10:00","guid":{"rendered":"https:\/\/neropay.app\/tools\/percentage-calculator\/"},"modified":"2024-05-05T03:10:00","modified_gmt":"2024-05-05T03:10:00","slug":"percentage-calculator","status":"publish","type":"page","link":"https:\/\/neropay.app\/ur-ur\/tools\/percentage-calculator\/","title":{"rendered":"Percentage Calculator"},"content":{"rendered":"\n<style>\n\n:root{\n  --bg:#ffffff;\n  --text:#111111;\n  --muted:#5f6368;\n  --line:#e9e4d7;\n  --soft:#fffdf7;\n  --soft-2:#fff9e1;\n  --soft-3:#fff4c3;\n  --yellow:#ffd342;\n  --yellow-dark:#d7af13;\n  --card:#ffffff;\n  --dark:#111111;\n  --green:#0f8b4c;\n  --blue:#2457ff;\n  --red:#c9352b;\n  --radius:26px;\n  --shadow:0 14px 36px rgba(17,17,17,.06);\n  --shadow-strong:0 24px 70px rgba(17,17,17,.12);\n}\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}\na{color:inherit}.np-page{overflow:hidden}.np-container{max-width:1180px;margin:0 auto;padding:0 24px}.np-section{padding:66px 0}.np-section.compact{padding:44px 0}.np-section.soft{background:var(--soft)}\n.np-hero{padding:28px 0 64px;background:radial-gradient(circle at 82% 18%,rgba(255,211,66,.28),rgba(255,211,66,0) 32%),linear-gradient(180deg,#fffef9 0%,#ffffff 100%);border-bottom:1px solid var(--line)}\n.np-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0 26px}.np-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.02em}.np-brand-badge{width:40px;height:40px;border-radius:14px;background:#111;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px}.np-nav{display:flex;flex-wrap:wrap;gap:10px}.np-nav a,.np-anchor-row a{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:14px;font-weight:700}.np-nav a:hover,.np-anchor-row a:hover{background:#f7f7f7}\n.np-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:34px;align-items:center}.np-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:var(--soft-3);border:1px solid #f0de8e;color:#111;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:18px}h1,h2,h3,h4{margin:0 0 14px;letter-spacing:-.03em}h1{font-size:clamp(40px,5vw,68px);line-height:1.02;font-weight:900}h2{font-size:clamp(30px,3.6vw,48px);line-height:1.04;font-weight:900}h3{font-size:24px;line-height:1.16;font-weight:800}h4{font-size:18px;line-height:1.25;font-weight:800}p{margin:0 0 18px;font-size:17px;line-height:1.72;color:var(--muted)}p strong{color:var(--text)}.np-lead{font-size:20px;max-width:850px}.np-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 22px}.np-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:15px;border:2px solid transparent;text-decoration:none;font-weight:800;font-size:16px;transition:.2s ease;white-space:nowrap}.np-btn:hover{transform:translateY(-1px)}.np-btn-primary{background:#111;color:#fff}.np-btn-secondary{background:#fff;color:#111;border-color:#111}.np-btn-yellow{background:var(--yellow);color:#111}.np-note{display:inline-block;background:#fff9df;border:1px solid #f0e19d;color:#111;padding:14px 16px;border-radius:16px;font-size:15px;font-weight:700}.np-pill-row,.np-anchor-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.np-pill{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:14px;font-weight:700}.np-pill-strong{background:#111;color:#fff;border-color:#111}.np-smallcaps{display:block;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8f7a1b;margin-bottom:12px}.np-card,.np-callout,.np-faq-item,.np-proof-card,.np-hero-card,.np-calculator,.np-result-card,.np-tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.np-hero-card{padding:26px}.np-bullets,.np-checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}.np-bullets li,.np-checklist li{position:relative;padding-left:28px;font-size:16px;line-height:1.62;color:#111}.np-bullets li:before,.np-checklist li:before{content:'\u2713';position:absolute;left:0;top:0;color:var(--green);font-weight:900}.np-card{padding:24px}.np-card.highlight{background:#fffbe7;border-color:#e8d16b}.np-card.dark{background:#111;color:#fff;border-color:#111}.np-card.dark p,.np-card.dark li{color:rgba(255,255,255,.76)}.np-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.np-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.np-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}\n.np-calculator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.45fr);gap:24px;align-items:start}.np-calculator{padding:26px}.np-result-card{padding:26px;background:#f7f8fb;position:sticky;top:18px}.np-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.np-field{display:grid;gap:8px}.np-field.full{grid-column:1\/-1}.np-field label{font-weight:800;font-size:14px}.np-field small{color:var(--muted);font-size:12px;line-height:1.4}.np-input,.np-select{width:100%;min-height:52px;border:2px solid #cfd4dc;background:#fff;border-radius:14px;padding:0 14px;font:inherit;font-weight:700;color:#111}.np-input:focus,.np-select:focus{outline:3px solid rgba(255,211,66,.45);border-color:#111}.np-button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.np-result-list{display:grid;gap:14px;margin:20px 0}.np-result-line{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #dfe3ea;padding-bottom:12px}.np-result-line:last-child{border-bottom:none}.np-result-line span{color:#4f5660;font-weight:700}.np-result-line strong{font-size:24px;letter-spacing:-.04em;text-align:right}.np-result-line.hero strong{font-size:42px;color:#0b6fb8}.np-result-note{font-size:13px;line-height:1.55;color:#5f6368;margin:14px 0 0}.np-result-ad{margin-top:20px;border-radius:22px;background:linear-gradient(135deg,#111,#222);color:#fff;padding:22px;overflow:hidden;position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.np-result-ad:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(17,17,17,.18)}.np-result-ad:after{content:'';position:absolute;right:-80px;top:-80px;width:190px;height:190px;border-radius:50%;background:rgba(255,211,66,.18)}.np-result-ad > *{position:relative;z-index:1}.np-result-ad .tag{display:inline-flex;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#f4da7a;margin-bottom:10px}.np-result-ad strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.03em;margin-bottom:8px}.np-result-ad p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.76);margin-bottom:16px}.np-result-ad a{display:none!important}.np-tool-card{padding:22px;text-decoration:none;display:block;transition:.2s ease;min-height:100%}.np-tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-strong)}.np-tool-card span{display:inline-flex;margin-bottom:12px;padding:7px 10px;border-radius:999px;background:#fff4c3;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.np-tool-card p{font-size:15px;line-height:1.6;margin:0}.np-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:24px;background:#fff}.np-table{width:100%;border-collapse:collapse;min-width:760px}.np-table th,.np-table td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px;line-height:1.56}.np-table th{background:#fff9e1;color:#111;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.np-table tr:last-child td{border-bottom:none}.np-faq{display:grid;gap:18px}.np-faq-item{padding:0;overflow:hidden}.np-faq-item summary{cursor:pointer;list-style:none;padding:22px;font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.02em}.np-faq-item summary::-webkit-details-marker{display:none}.np-faq-item summary:after{content:'+';float:right;font-size:24px;line-height:1;color:#8f7a1b}.np-faq-item[open] summary:after{content:'\u2013'}.np-faq-item p{padding:0 22px 22px;margin:0}.np-cta{background:linear-gradient(135deg,#111 0%,#1d1d1d 100%);color:#fff;border-radius:28px;padding:36px;position:relative;overflow:hidden}.np-cta:after{content:'';position:absolute;right:-120px;top:-120px;width:280px;height:280px;border-radius:50%;background:rgba(255,211,66,.16)}.np-cta > *{position:relative;z-index:1}.np-cta p{color:rgba(255,255,255,.78)}.np-footer{padding:34px 0 60px;border-top:1px solid var(--line);background:#fff}.np-footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.np-footer p{font-size:14px;margin:0}.np-badge-row{display:flex;flex-wrap:wrap;gap:10px}.np-disclaimer{font-size:13px;line-height:1.55;color:#6d7076;background:#fffdf7;border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:18px}\n\n\/* Responsive overflow protection *\/\nhtml,body{max-width:100%;overflow-x:hidden}.np-page,.np-container,.np-hero-grid,.np-calculator-grid,.np-grid-2,.np-grid-3,.np-grid-4,.np-footer-grid,.np-card,.np-hero-card,.np-calculator,.np-result-card,.np-tool-card,.np-cta{min-width:0}.np-container{width:100%}.np-result-card{overflow:hidden}.np-result-list{min-width:0}.np-result-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:12px}.np-result-line span,.np-result-line strong{min-width:0;max-width:100%}.np-result-line strong{display:block;font-size:clamp(18px,2.1vw,24px);line-height:1.15;overflow-wrap:anywhere;word-break:break-word;text-align:right;font-variant-numeric:tabular-nums}.np-result-line.hero strong{font-size:clamp(27px,3.6vw,42px)}.np-result-ad strong{font-size:clamp(20px,2vw,25px);overflow-wrap:anywhere}.np-input,.np-select,.np-btn{max-width:100%}.np-table-wrap{max-width:100%}\n@media(max-width:640px){.np-result-line{grid-template-columns:1fr;gap:6px}.np-result-line strong{text-align:left;font-size:clamp(20px,7vw,28px)}.np-result-line.hero strong{font-size:clamp(28px,10vw,36px)}.np-calculator-grid{gap:18px}.np-smallcaps{font-size:12px}.np-form-grid{gap:14px}.np-footer-grid{gap:18px}.np-badge-row{justify-content:flex-start}}\n@media(max-width:380px){.np-container{padding:0 14px}.np-calculator,.np-result-card,.np-card,.np-hero-card,.np-cta{padding:18px}.np-result-ad{padding:18px}.np-pill{font-size:13px}}\n\n@media(max-width:980px){.np-hero-grid,.np-calculator-grid,.np-grid-2,.np-grid-3,.np-grid-4,.np-footer-grid{grid-template-columns:1fr}.np-result-card{position:static}.np-nav{display:none}}\n@media(max-width:640px){.np-container{padding:0 18px}.np-section,.np-hero{padding:48px 0}.np-form-grid{grid-template-columns:1fr}.np-actions,.np-button-row{flex-direction:column}.np-btn{width:100%}h1{font-size:40px}.np-result-line.hero strong{font-size:34px}.np-calculator,.np-result-card,.np-card,.np-cta{padding:22px;border-radius:22px}p,.np-lead{font-size:16px}.np-table{min-width:700px}}\n.np-live-status{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:58px;border:1px solid #ead983;background:#fff9e1;border-radius:16px;padding:14px 16px;color:#111}.np-live-status strong{font-size:15px;font-weight:900;letter-spacing:-.01em}.np-live-status span{font-size:13px;line-height:1.45;color:#5f6368;text-align:right}@media(max-width:640px){.np-live-status{align-items:flex-start;flex-direction:column}.np-live-status span{text-align:left}}\n  \/* Final responsive sizing adjustments *\/\n.np-calculator-grid{grid-template-columns:minmax(0,1fr) minmax(400px,.52fr);gap:26px}\n.np-result-card{min-width:0}\n.np-result-list{gap:16px}\n.np-result-line{grid-template-columns:minmax(110px,.9fr) minmax(0,1.9fr);gap:14px}\n.np-result-line strong{font-size:clamp(21px,1.8vw,32px);line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere;word-break:normal;white-space:normal}\n.np-result-line.hero strong{font-size:clamp(34px,2.9vw,56px)}\n@media(max-width:1100px){.np-calculator-grid{grid-template-columns:1fr}.np-result-card{position:static}}\n@media(max-width:640px){.np-result-line{grid-template-columns:1fr;gap:8px}.np-result-line strong{font-size:clamp(20px,7vw,30px);text-align:left}.np-result-line.hero strong{font-size:clamp(28px,10vw,40px)}}\n  \n<\/style>\n<div class=\"np-page\">\n    <section class=\"np-hero\">\n      <div class=\"np-container\">\n        <div class=\"np-topbar\">\n          <a class=\"np-brand\" href=\"\/tools\/\" aria-label=\"NeroPay tools home\"><span class=\"np-brand-badge\">N<\/span><span>NeroPay Tools<\/span><\/a>\n          <nav class=\"np-nav\" aria-label=\"Primary\"><a href=\"\/tools\/\">All tools<\/a><a href=\"\/tools\/vat-calculator\/\">VAT<\/a><a href=\"\/tools\/invoice-calculator\/\">Invoices<\/a><a href=\"\/tools\/payment-fee-calculator\/\">Payments<\/a><a href=\"https:\/\/eu.neropay.app\/merchant\/register\" target=\"_blank\" rel=\"noopener\">Start NeroPay<\/a><\/nav>\n        <\/div>\n        <div class=\"np-hero-grid\">\n          <div>\n            <span class=\"np-kicker\">Percentages \u00b7 Common business phrases<\/span>\n            <h1>Percentage Calculator<\/h1>\n            <p class=\"np-lead\">Calculate percentages, percentage increases and percentage decreases for quotes, pricing, discounts and business reports.<\/p>\n            <div class=\"np-actions\"><a class=\"np-btn np-btn-primary\" href=\"\/#calculator\">Use calculator<\/a><a class=\"np-btn np-btn-secondary\" href=\"https:\/\/eu.neropay.app\/merchant\/register\" target=\"_blank\" rel=\"noopener\">Open NeroPay<\/a><\/div>\n            <div class=\"np-pill-row\"><span class=\"np-pill\">What is X% of Y?<\/span><span class=\"np-pill\">A is what % of B?<\/span><span class=\"np-pill\">Increase by %<\/span><span class=\"np-pill\">Decrease by %<\/span><\/div>\n          <\/div>\n          <div class=\"np-hero-card\">\n            <h3>Built for UK businesses<\/h3>\n            <p>Use this free NeroPay tool to check numbers quickly before creating an invoice or payment link.<\/p>\n            <ul class=\"np-bullets\"><li>British pounds sterling formatting<\/li><li>Professional, mobile-friendly page structure<\/li><li>Clear result summary for everyday business checks<\/li><\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"np-section\" id=\"calculator\">\n      <div class=\"np-container\">\n        <div class=\"np-calculator-grid\">\n          <div class=\"np-calculator\">\n            <span class=\"np-smallcaps\">Calculator<\/span>\n            <h2>Enter your values<\/h2>\n            \n<form class=\"np-form-grid\" id=\"toolForm\">\n  <div class=\"np-field full\">\n    <label for=\"calcType\">Calculation<\/label>\n    <select class=\"np-select\" id=\"calcType\">\n      <option value=\"percentOf\">What is X% of Y?<\/option>\n      <option value=\"whatPercent\">A is what % of B?<\/option>\n      <option value=\"percentOfWhat\">A is X% of what?<\/option>\n      <option value=\"increase\">Increase an amount by X%<\/option>\n      <option value=\"decrease\">Decrease an amount by X%<\/option>\n    <\/select>\n  <\/div>\n  <div class=\"np-field\">\n    <label id=\"labelA\" for=\"a\">Percentage<\/label>\n    <input class=\"np-input\" id=\"a\" type=\"number\" inputmode=\"decimal\" step=\"0.01\" value=\"20\" \/>\n  <\/div>\n  <div class=\"np-field\">\n    <label id=\"labelB\" for=\"b\">Amount<\/label>\n    <input class=\"np-input\" id=\"b\" type=\"number\" inputmode=\"decimal\" step=\"0.01\" value=\"204\" \/>\n  <\/div>\n  <div class=\"np-field full\"><div class=\"np-live-status\" role=\"status\" aria-live=\"polite\"><strong>Live result<\/strong><span>Results update automatically as you type or change a field.<\/span><\/div><\/div>\n<\/form>\n\n            \n          <\/div>\n          <aside class=\"np-result-card\" aria-live=\"polite\">\n            <span class=\"np-smallcaps\">Result<\/span>\n            <h2>Your calculation<\/h2>\n            \n<div class=\"np-result-list\">\n  <div class=\"np-result-line hero\"><span id=\"resultLabel\">Result<\/span><strong id=\"resultValue\">\u00a30.00<\/strong><\/div>\n  <div class=\"np-result-line\"><span>Formula<\/span><strong id=\"formulaText\" style=\"font-size:18px;\">\u2014<\/strong><\/div>\n  <div class=\"np-result-line\"><span>Business use<\/span><strong id=\"useText\" style=\"font-size:18px;\">\u2014<\/strong><\/div>\n<\/div>\n<p class=\"np-result-note\">Useful for VAT checks, discounts, sales growth, fee comparisons and pricing analysis.<\/p>\n\n            <div class=\"np-result-ad\">\n              <span class=\"tag\">NeroPay<\/span>\n              <strong id=\"adHeadline\">Create a payment link with NeroPay<\/strong>\n              <p>Accept card payments with NeroPay payment links, hosted checkout and payment requests.<\/p>\n              <a id=\"adLink\" href=\"https:\/\/eu.neropay.app\/merchant\/register\" target=\"_blank\" rel=\"noopener\">Open NeroPay<\/a>\n            <\/div>\n          <\/aside>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"np-section soft\">\n      <div class=\"np-container\">\n        <span class=\"np-smallcaps\">Related tools<\/span>\n        <h2>More NeroPay calculators<\/h2>\n        <div class=\"np-grid-3\"><a class=\"np-tool-card\" href=\"\/tools\/percentage-difference-calculator\/\"><span>Tool<\/span><h3>Percentage Difference<\/h3><p>Compare two values and calculate the absolute difference, percentage change and percentage difference. Useful for price changes, revenue movement and performance reporting.<\/p><\/a>\n<a class=\"np-tool-card\" href=\"\/tools\/discount-calculator\/\"><span>Tool<\/span><h3>Discount Calculator<\/h3><p>Calculate sale price, savings, VAT and final price after one or two discounts. Useful for promotions, quotes and product pricing.<\/p><\/a>\n<a class=\"np-tool-card\" href=\"\/tools\/vat-calculator\/\"><span>Tool<\/span><h3>VAT Calculator<\/h3><p>Add or remove VAT from a starting amount using UK standard, reduced, zero-rated or custom VAT rates. Built for quick quotes, invoices and payment checks in pounds sterling.<\/p><\/a><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"np-section\" id=\"faq\">\n      <div class=\"np-container\">\n        <span class=\"np-smallcaps\">Frequently asked questions<\/span>\n        <h2>Percentage Calculator FAQs<\/h2>\n        <div class=\"np-faq\"><details class=\"np-faq-item\" open><summary>What can I use this percentage calculator for?<\/summary><p>It is useful for discounts, VAT checks, price increases, commission, margins, growth rates and simple business reporting.<\/p><\/details>\n<details class=\"np-faq-item\" ><summary>What does \u201cA is what % of B\u201d mean?<\/summary><p>It shows the part amount as a percentage of the whole amount.<\/p><\/details>\n<details class=\"np-faq-item\" ><summary>Does this calculator use pounds sterling?<\/summary><p>Currency-style results are shown in pounds sterling, while percentage-only answers are shown as percentages.<\/p><\/details><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"np-section compact\">\n      <div class=\"np-container\">\n        <div class=\"np-cta\">\n          <span class=\"np-smallcaps\" style=\"color:#f4da7a;\">Ready to collect payment?<\/span>\n          <h2 style=\"color:#fff;\">Accept payments with NeroPay.<\/h2>\n          <p class=\"np-lead\">Use the calculator to confirm the amount, then continue in NeroPay to take a payment.<\/p>\n          <div class=\"np-actions\"><a class=\"np-btn np-btn-yellow\" href=\"https:\/\/eu.neropay.app\/merchant\/register\" target=\"_blank\" rel=\"noopener\">Start with NeroPay<\/a><a class=\"np-btn np-btn-secondary\" style=\"border-color:#fff;color:#fff;background:transparent;\" href=\"\/tools\/\">View all tools<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <footer class=\"np-footer\">\n      <div class=\"np-container\">\n        <div class=\"np-footer-grid\">\n          <div><a class=\"np-brand\" href=\"\/tools\/\"><span class=\"np-brand-badge\">N<\/span><span>NeroPay<\/span><\/a><p style=\"margin-top:12px;\">Free UK calculators for VAT, invoices, pricing, payments, percentages, loans and mortgage estimates.<\/p><\/div>\n          <div class=\"np-badge-row\"><span class=\"np-pill np-pill-strong\">NeroPay Tools<\/span><span class=\"np-pill\">GBP<\/span><span class=\"np-pill\">UK calculations<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/footer>\n  <\/div>\n  <script>\nconst GBP = new Intl.NumberFormat('en-GB', { style: 'currency', currency: 'GBP' });\nconst NUM = new Intl.NumberFormat('en-GB', { maximumFractionDigits: 2 });\nfunction byId(id){ return document.getElementById(id); }\nfunction readNumber(id, fallback = 0){\n  const el = byId(id);\n  if(!el) return fallback;\n  const raw = String(el.value || '').replace(\/,\/g, '').trim();\n  const value = Number(raw);\n  return Number.isFinite(value) ? value : fallback;\n}\nfunction money(value){ return Number.isFinite(value) ? GBP.format(value) : '\u2014'; }\nfunction pct(value){ return Number.isFinite(value) ? `${NUM.format(value)}%` : '\u2014'; }\nfunction plain(value){ return Number.isFinite(value) ? NUM.format(value) : '\u2014'; }\nfunction setText(id, value){ const el = byId(id); if(el) el.textContent = value; }\nfunction bindAdCard(){\n  const card = document.querySelector('.np-result-ad');\n  const link = byId('adLink');\n  if(!card || !link){ return; }\n  card.setAttribute('role','link');\n  card.setAttribute('tabindex','0');\n  card.setAttribute('aria-label','Open NeroPay');\n  if(card.dataset.bound === '1'){ return; }\n  const openCard = (event) => {\n    if(event && event.target && event.target.closest && event.target.closest('a')){ return; }\n    const href = link.href || 'https:\/\/eu.neropay.app\/merchant\/register';\n    window.open(href, '_blank', 'noopener');\n  };\n  card.addEventListener('click', openCard);\n  card.addEventListener('keydown', (event) => {\n    if(event.key === 'Enter' || event.key === ' '){\n      event.preventDefault();\n      openCard(event);\n    }\n  });\n  card.dataset.bound = '1';\n}\nfunction updateNeroPayAd(amount, options = {}){\n  const safeAmount = Number.isFinite(amount) && amount > 0 ? amount : 0;\n  const amountText = safeAmount > 0 ? money(safeAmount) : 'your amount';\n  const headline = safeAmount > 0 ? `Create a payment link for ${amountText} with NeroPay` : 'Create a payment link with NeroPay';\n  setText('adHeadline', headline);\n  const link = byId('adLink');\n  if(link){\n    const campaign = encodeURIComponent(document.body.dataset.tool || 'tools');\n    const queryAmount = safeAmount > 0 ? `&amount=${encodeURIComponent(safeAmount.toFixed(2))}` : '';\n    link.href = `https:\/\/eu.neropay.app\/merchant\/register?utm_source=neropay_tools&utm_medium=calculator&utm_campaign=${campaign}${queryAmount}`;\n    link.textContent = 'Open NeroPay';\n  }\n  bindAdCard();\n}\nfunction attachAutoCalculate(fn){\n  document.querySelectorAll('input, select').forEach(el => {\n    el.addEventListener('input', fn);\n    el.addEventListener('change', fn);\n  });\n  const reset = byId('resetBtn');\n  if(reset){ reset.addEventListener('click', () => setTimeout(fn, 0)); }\n  fn();\n}\nfunction calculateTool(){\n  const type = byId('calcType').value;\n  const a = readNumber('a');\n  const b = readNumber('b');\n  let result = 0, resultText = '', formula = '', use = '', adAmount = 0;\n  const labels = {\n    percentOf:['Percentage', 'Amount'],\n    whatPercent:['Part amount', 'Whole amount'],\n    percentOfWhat:['Part amount', 'Percentage'],\n    increase:['Percentage increase', 'Starting amount'],\n    decrease:['Percentage decrease', 'Starting amount']\n  };\n  setText('labelA', labels[type][0]); setText('labelB', labels[type][1]);\n  if(type === 'percentOf'){\n    result = (a \/ 100) * b; resultText = money(result); formula = `${plain(a)}% \u00d7 ${money(b)}`; use = 'Calculate VAT, commission or a discount value'; adAmount = result;\n  } else if(type === 'whatPercent'){\n    result = b === 0 ? 0 : (a \/ b) * 100; resultText = pct(result); formula = `${money(a)} \u00f7 ${money(b)} \u00d7 100`; use = 'Measure a part as a share of the total'; adAmount = a;\n  } else if(type === 'percentOfWhat'){\n    result = b === 0 ? 0 : a \/ (b \/ 100); resultText = money(result); formula = `${money(a)} \u00f7 ${plain(b)}%`; use = 'Find the original total from a percentage value'; adAmount = result;\n  } else if(type === 'increase'){\n    result = b * (1 + a \/ 100); resultText = money(result); formula = `${money(b)} \u00d7 (1 + ${plain(a)}%)`; use = 'Apply a price rise, uplift or growth rate'; adAmount = result;\n  } else {\n    result = b * (1 - a \/ 100); resultText = money(result); formula = `${money(b)} \u00d7 (1 - ${plain(a)}%)`; use = 'Apply a discount, reduction or saving'; adAmount = result;\n  }\n  setText('resultValue', resultText); setText('formulaText', formula); setText('useText', use); updateNeroPayAd(adAmount, {type:'payment-link'});\n}\nattachAutoCalculate(calculateTool);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Calculate percentages, percentage increases and percentage decreases for quotes, pricing, discounts and business reports.<\/p>","protected":false},"author":1,"featured_media":0,"parent":120023,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-120025","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neropay.app\/ur-ur\/wp-json\/wp\/v2\/pages\/120025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neropay.app\/ur-ur\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neropay.app\/ur-ur\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neropay.app\/ur-ur\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neropay.app\/ur-ur\/wp-json\/wp\/v2\/comments?post=120025"}],"version-history":[{"count":0,"href":"https:\/\/neropay.app\/ur-ur\/wp-json\/wp\/v2\/pages\/120025\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/neropay.app\/ur-ur\/wp-json\/wp\/v2\/pages\/120023"}],"wp:attachment":[{"href":"https:\/\/neropay.app\/ur-ur\/wp-json\/wp\/v2\/media?parent=120025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}