toolbox/discount-calculator.html at main · 100millionusd/toolbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Free Discount Calculator — Sale Price & Savings</title>
  <meta name="description" content="Calculate discounts, sale prices, and savings. Compare multiple discounts. Free online discount and sale price calculator.">
  <link rel="canonical" href="https://www.quicktools.mom/discount-calculator.html">
  <meta property="og:title" content="">
  <meta property="og:description" content="">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.quicktools.mom/discount-calculator.html">
  <meta name="twitter:card" content="summary">
  <link rel="stylesheet" href="style.css">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2658921743607446" crossorigin="anonymous"></script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Is Discount Calculator free to use?","acceptedAnswer":{"@type":"Answer","text":"Yes! Discount Calculator is completely free with no signup required. It runs entirely in your browser — your data never leaves your device."}},{"@type":"Question","name":"How do I use Discount Calculator?","acceptedAnswer":{"@type":"Answer","text":"Simply enter your values in the input fields above and the results update instantly. No button clicks needed — everything calculates in real-time."}},{"@type":"Question","name":"Is my data safe with Discount Calculator?","acceptedAnswer":{"@type":"Answer","text":"Absolutely. Discount Calculator runs 100% client-side in your browser using JavaScript. No data is uploaded, stored, or shared with any server. Your privacy is guaranteed."}}]}</script>
</head>
<body>
  <div class="page-wrapper">
    <header class="site-header"><a href="index.html" class="site-logo"><span class="icon">⚡</span> QuickTools</a><nav class="site-nav"><a href="index.html">All Tools</a></nav></header>
    <div class="ad-zone ad-zone-top">Ad Space — 728×90</div>
    <div class="tool-header"><div class="tool-badge">💰 Finance</div><h1>Discount Calculator</h1><p>Calculate sale prices, savings, and compare multiple discount levels.</p></div>
    <div class="tool-card">
      <div class="controls-row">
        <div class="control-group"><label>Original Price ($)</label><input type="number" id="price" value="199.99" min="0" step="0.01" oninput="calc()" style="font-size:1.2rem;text-align:center;"></div>
        <div class="control-group"><label>Discount (%)</label><input type="number" id="discount" value="25" min="0" max="100" step="1" oninput="calc()" style="font-size:1.2rem;text-align:center;"></div>
        <div class="control-group"><label>Tax Rate (%)</label><input type="number" id="tax" value="0" min="0" max="50" step="0.1" oninput="calc()" style="font-size:1rem;text-align:center;"></div>
      </div>
      <div style="display:flex;gap:0.4rem;flex-wrap:wrap;margin-top:0.75rem;">
        <button class="btn btn-secondary" onclick="setDisc(10)" style="font-size:0.75rem;">10%</button>
        <button class="btn btn-secondary" onclick="setDisc(15)" style="font-size:0.75rem;">15%</button>
        <button class="btn btn-secondary" onclick="setDisc(20)" style="font-size:0.75rem;">20%</button>
        <button class="btn btn-secondary" onclick="setDisc(25)" style="font-size:0.75rem;">25%</button>
        <button class="btn btn-secondary" onclick="setDisc(30)" style="font-size:0.75rem;">30%</button>
        <button class="btn btn-secondary" onclick="setDisc(40)" style="font-size:0.75rem;">40%</button>
        <button class="btn btn-secondary" onclick="setDisc(50)" style="font-size:0.75rem;">50%</button>
        <button class="btn btn-secondary" onclick="setDisc(75)" style="font-size:0.75rem;">75%</button>
      </div>
    </div>
    <div class="tool-card" style="text-align:center;">
      <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;">
        <div><div class="text-muted" style="font-size:0.8rem;">You Save</div><div id="savings" style="font-size:2rem;font-weight:700;color:var(--success);">$0</div></div>
        <div><div class="text-muted" style="font-size:0.8rem;">Sale Price</div><div id="salePrice" style="font-size:2rem;font-weight:700;color:var(--accent-hover);">$0</div></div>
        <div><div class="text-muted" style="font-size:0.8rem;">After Tax</div><div id="afterTax" style="font-size:2rem;font-weight:700;">$0</div></div>
      </div>
      <div style="height:12px;background:var(--bg-secondary);border-radius:6px;overflow:hidden;margin-top:1.5rem;">
        <div id="bar" style="height:100%;background:var(--success);transition:width 0.3s;border-radius:6px;"></div>
      </div>
      <div style="display:flex;justify-content:space-between;font-size:0.75rem;color:var(--text-muted);margin-top:0.3rem;">
        <span>$0</span><span id="origLabel">$0</span>
      </div>
    </div>
    <div class="tool-card">
      <h3 style="font-size:0.95rem;margin-bottom:1rem;">📊 Discount Comparison</h3>
      <div id="comparison" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem;"></div>
    </div>
    <div class="ad-zone">Ad Space — 336×280</div>
    <div class="related-tools"><h2>Related Tools</h2><div class="related-grid"><a href="percentage-calculator.html"><span class="tool-icon">🧮</span> Percentage Calculator</a><a href="tip-calculator.html"><span class="tool-icon">💵</span> Tip Calculator</a><a href="loan-calculator.html"><span class="tool-icon">🏦</span> Loan Calculator</a><a href="unit-converter.html"><span class="tool-icon">📏</span> Unit Converter</a></div></div>

        <div class="tool-card" style="max-width:720px;">
      <h2 style="font-size:1rem;margin-bottom:0.75rem;">📖 About Discount Calculator</h2>
      <p style="font-size:0.85rem;line-height:1.7;color:var(--text-muted);margin-bottom:0.75rem;">Discount Calculator is a free, browser-based tool designed for students, professionals, and anyone who needs quick calculations. Calculate discounts, sale prices, and savings. Compare multiple discounts. Free online discount and sale price calculator. Everything runs locally in your browser using JavaScript — no data is ever sent to a server, making it completely private and secure. The tool is designed to be intuitive and beginner-friendly while still offering advanced features for power users. It loads instantly with no installation required and works offline once loaded. Use it as often as you need — there are no daily limits, no watermarks, and no hidden fees.</p>
      <p style="font-size:0.85rem;line-height:1.7;color:var(--text-muted);margin-bottom:0.75rem;"><strong>Who is this for?</strong> Discount Calculator is ideal for professionals, students, freelancers, and hobbyists who want quick, reliable results without installing software or creating accounts. Whether you are on a laptop, tablet, or phone, it works seamlessly in any modern browser.</p>
      <h3 style="font-size:0.9rem;margin-bottom:0.5rem;">How to Use</h3>
      <ol style="font-size:0.85rem;color:var(--text-muted);line-height:1.7;padding-left:1.2rem;">
        <li>Enter or paste your data in the input area above.</li>
        <li>Adjust settings and options to match your needs.</li>
        <li>View the results instantly — they update in real-time.</li>
        <li>Copy, download, or share your output with one click.</li>
      </ol>
    </div>
    <div class="tool-card faq-section">
      <h2 style="font-size:1.1rem;margin-bottom:1rem;">❓ Frequently Asked Questions</h2>
      <details style="margin-bottom:0.75rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem;"><summary style="font-weight:600;cursor:pointer;font-size:0.9rem;">Is Discount Calculator free to use?</summary><p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);line-height:1.6;">Yes! Discount Calculator is completely free with no signup required. It runs entirely in your browser — your data never leaves your device.</p></details>
      <details style="margin-bottom:0.75rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem;"><summary style="font-weight:600;cursor:pointer;font-size:0.9rem;">How do I use Discount Calculator?</summary><p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);line-height:1.6;">Simply enter your values in the input fields above and the results update instantly. No button clicks needed — everything calculates in real-time.</p></details>
      <details style="margin-bottom:0.75rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem;"><summary style="font-weight:600;cursor:pointer;font-size:0.9rem;">Is my data safe with Discount Calculator?</summary><p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);line-height:1.6;">Absolutely. Discount Calculator runs 100% client-side in your browser using JavaScript. No data is uploaded, stored, or shared with any server. Your privacy is guaranteed.</p></details>
    </div>
    <div class="ad-zone ad-zone-bottom">Ad Space — 728×90</div>
    <footer class="site-footer"><p>&copy; 2026 QuickTools.</p><div class="footer-links"><a href="index.html">All Tools</a><a href="#">Privacy</a></div></footer>
  </div>
  <script>
    function fmt(n){return'$'+n.toFixed(2);}
    function setDisc(v){document.getElementById('discount').value=v;calc();}
    function calc(){
      const price=+document.getElementById('price').value||0;
      const disc=+document.getElementById('discount').value||0;
      const taxRate=+document.getElementById('tax').value||0;
      const savings=price*disc/100;const sale=price-savings;const afterTax=sale*(1+taxRate/100);
      document.getElementById('savings').textContent=fmt(savings);
      document.getElementById('salePrice').textContent=fmt(sale);
      document.getElementById('afterTax').textContent=fmt(afterTax);
      document.getElementById('bar').style.width=((1-disc/100)*100)+'%';
      document.getElementById('origLabel').textContent=fmt(price);
      const pcts=[5,10,15,20,25,30,40,50,60,75];
      document.getElementById('comparison').innerHTML=pcts.map(p=>{
        const s=price*p/100;const sp=price-s;const active=p===disc;
        return`<div onclick="setDisc(${p})" style="padding:0.5rem;background:${active?'var(--accent-glow)':'var(--bg-card)'};border:1px solid ${active?'var(--accent)':'var(--border)'};border-radius:8px;text-align:center;cursor:pointer;">
          <div style="font-weight:600;${active?'color:var(--accent-hover);':''}">${p}% off</div>
          <div style="font-size:1rem;font-weight:700;">${fmt(sp)}</div>
          <div class="text-muted" style="font-size:0.7rem;">Save ${fmt(s)}</div></div>`;
      }).join('');
    }
    calc();
  </script>
<script src="ads.js"></script>
</body>
</html>