Pip Value Calculator<\/title>\n<style>\n\/* ===== CSS VARIABLES & RESET ===== *\/\n:root {\n --primary: #2563eb;\n --primary-dark: #1d4ed8;\n --primary-light: #3b82f6;\n --primary-glow: rgba(37,99,235,0.18);\n --accent: #06b6d4;\n --accent2: #8b5cf6;\n --success: #10b981;\n --warning: #f59e0b;\n --danger: #ef4444;\n --bg: #0f172a;\n --bg2: #1e293b;\n --bg3: #273449;\n --card: rgba(30,41,59,0.85);\n --card2: rgba(39,52,73,0.7);\n --border: rgba(99,130,190,0.18);\n --border2: rgba(99,130,190,0.32);\n --text: #f1f5f9;\n --text2: #94a3b8;\n --text3: #64748b;\n --radius: 16px;\n --radius-sm: 10px;\n --shadow: 0 8px 40px rgba(0,0,0,0.4);\n --shadow-sm: 0 2px 12px rgba(0,0,0,0.2);\n --transition: all 0.22s cubic-bezier(.4,0,.2,1);\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;}\n\/* ===== LAYOUT ===== *\/\n.calc-wrapper{max-width:960px;margin:0 auto;padding:32px 20px 48px;}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}\n\/* ===== HEADER ===== *\/\n.calc-header{display:flex;align-items:center;gap:18px;margin-bottom:28px;background:linear-gradient(135deg,rgba(37,99,235,.18) 0%,rgba(6,182,212,.10) 100%);border:1px solid var(--border2);border-radius:var(--radius);padding:22px 28px;position:relative;overflow:hidden;}\n.calc-header::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);}\n.header-icon{width:54px;height:54px;flex-shrink:0;filter:drop-shadow(0 4px 16px rgba(37,99,235,.4));}\n.header-text h1{font-size:1.6rem;font-weight:800;background:linear-gradient(90deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px;}\n.header-text p{color:var(--text2);font-size:.88rem;margin-top:2px;}\n.header-badge{margin-left:auto;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:.65rem;font-weight:700;padding:5px 12px;border-radius:999px;letter-spacing:1.5px;flex-shrink:0;}\n\/* ===== PANELS ===== *\/\n.form-panel,.results-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(12px);}\n.panel-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text2);margin-bottom:20px;}\n.dot{display:inline-block;width:8px;height:8px;border-radius:50%;}\n.dot-blue{background:var(--primary);box-shadow:0 0 8px var(--primary);}\n.dot-cyan{background:var(--accent);box-shadow:0 0 8px var(--accent);}\n\/* ===== FORM FIELDS ===== *\/\n.field-group{margin-bottom:16px;}\n.field-group label{display:block;font-size:.78rem;font-weight:600;color:var(--text2);margin-bottom:6px;letter-spacing:.3px;}\n.field-group label span{color:var(--accent);font-size:.7rem;margin-left:4px;}\nselect,input[type=number],input[type=text]{width:100%;padding:10px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;outline:none;transition:var(--transition);-webkit-appearance:none;appearance:none;}\nselect{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}\nselect:focus,input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow);}\nselect option{background:var(--bg2);}\n.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n.input-addon{position:relative;}\n.input-addon input{padding-right:52px;}\n.input-addon-text{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.15);border:1px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--accent);font-size:.78rem;font-weight:700;padding:0 12px;pointer-events:none;border-left:none;}\n.hint{font-size:.72rem;color:var(--text3);margin-top:4px;}\n\/* ===== BUTTONS ===== *\/\n.calc-btn{width:100%;margin-top:8px;padding:13px;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:var(--radius-sm);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;transition:var(--transition);box-shadow:0 4px 20px rgba(37,99,235,.35);}\n.calc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,99,235,.5);}\n.calc-btn:active{transform:translateY(0);}\n.reset-btn{width:100%;margin-top:8px;padding:10px;background:transparent;border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text2);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);}\n.reset-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--primary-light);}\n\/* ===== RESULTS ===== *\/\n.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;color:var(--text3);text-align:center;}\n.empty-state svg{opacity:.3;}\n.empty-state p{font-size:.88rem;}\n.result-main{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,182,212,.12));border:1px solid rgba(37,99,235,.35);border-radius:var(--radius-sm);padding:20px;margin-bottom:14px;text-align:center;}\n.result-label{font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text2);margin-bottom:4px;}\n.result-value{font-size:2.2rem;font-weight:900;background:linear-gradient(90deg,#60a5fa,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;}\n.result-sub{font-size:.78rem;color:var(--text3);margin-top:4px;}\n.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}\n.result-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 12px;text-align:center;}\n.result-card .rc-label{font-size:.68rem;color:var(--text3);font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px;}\n.result-card .rc-value{font-size:1.05rem;font-weight:800;color:var(--text);}\n.result-card .rc-unit{font-size:.7rem;color:var(--text2);margin-top:1px;}\n.pair-info-bar{display:flex;justify-content:space-between;align-items:center;background:var(--bg3);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:14px;font-size:.8rem;}\n.pair-info-bar .pib-label{color:var(--text3);}\n.pair-info-bar .pib-value{color:var(--text);font-weight:700;}\n.rate-notice{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:9px 13px;font-size:.75rem;color:#fbbf24;margin-bottom:12px;display:flex;align-items:center;gap:7px;}\n\/* ===== LOT TABLE ===== *\/\n.table-title{font-size:.78rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:7px;}\n.pip-table{width:100%;border-collapse:collapse;font-size:.82rem;}\n.pip-table th{background:var(--bg3);color:var(--text2);font-weight:700;font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;padding:9px 12px;text-align:left;border-bottom:1px solid var(--border);}\n.pip-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;}\n.pip-table tr:last-child td{border-bottom:none;}\n.pip-table tr:hover td{background:rgba(37,99,235,.07);}\n.pip-table .highlight td{color:#60a5fa;font-weight:700;}\n.lot-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.4px;}\n.lot-std{background:rgba(37,99,235,.18);color:#60a5fa;}\n.lot-mini{background:rgba(6,182,212,.15);color:#22d3ee;}\n.lot-micro{background:rgba(139,92,246,.15);color:#a78bfa;}\n.lot-nano{background:rgba(16,185,129,.15);color:#34d399;}\n.lot-custom{background:rgba(245,158,11,.15);color:#fbbf24;}\n\/* ===== INFO CARDS ===== *\/\n.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}\n.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;gap:13px;align-items:flex-start;}\n.info-icon{font-size:1.3rem;flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;}\n.info-card strong{font-size:.82rem;display:block;margin-bottom:4px;color:var(--text);}\n.info-card p{font-size:.74rem;color:var(--text3);line-height:1.5;}\n\/* ===== FORMULA SECTION ===== *\/\n.formula-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:14px;font-size:.8rem;}\n.formula-box .fb-label{color:var(--text3);font-size:.7rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px;}\n.formula-box code{display:block;color:#93c5fd;font-family:monospace;font-size:.84rem;line-height:1.7;}\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeSlideIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}\n@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.6;}}\n@keyframes shimmer{0%{background-position:-200% center;}100%{background-position:200% center;}}\n.animate-in{animation:fadeSlideIn .35s ease both;}\n.loading .calc-btn{background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% auto;animation:shimmer 1.2s linear infinite;pointer-events:none;}\n\/* ===== SCROLLBAR ===== *\/\n::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:700px){\n .calc-grid{grid-template-columns:1fr;}\n .info-row{grid-template-columns:1fr;}\n .calc-header{flex-wrap:wrap;gap:12px;}\n .header-badge{font-size:.6rem;}\n .result-value{font-size:1.7rem;}\n .result-grid{grid-template-columns:1fr 1fr;}\n .field-row{grid-template-columns:1fr;}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"calc-wrapper\">\n \n <div class=\"calc-header\">\n <div class=\"header-icon\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"24\" cy=\"24\" r=\"24\" fill=\"url(#hg)\"\/>\n <path d=\"M14 34l5-10 5 6 5-14 5 18\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs><linearGradient id=\"hg\" x1=\"0\" y1=\"0\" x2=\"48\" y2=\"48\"><stop stop-color=\"#2563eb\"\/><stop offset=\"1\" stop-color=\"#06b6d4\"\/><\/linearGradient><\/defs>\n <\/svg>\n <\/div>\n <div class=\"header-text\">\n <h1>Pip Value Calculator<\/h1>\n <p>Calculate the exact pip value in your account currency based on lot size<\/p>\n <\/div>\n <div class=\"header-badge\">FOREX TOOLS<\/div>\n <\/div>\n\n \n <div class=\"calc-grid\">\n \n <div class=\"form-panel\">\n <div class=\"panel-title\"><span class=\"dot dot-blue\"><\/span>Calculator Inputs<\/div>\n \n <div class=\"field-group\">\n <label>Account Currency <span>Your deposit currency<\/span><\/label>\n <select id=\"accountCurrency\">\n <option value=\"USD\">\ud83c\uddfa\ud83c\uddf8 USD \u2014 US Dollar<\/option>\n <option value=\"EUR\">\ud83c\uddea\ud83c\uddfa EUR \u2014 Euro<\/option>\n <option value=\"GBP\">\ud83c\uddec\ud83c\udde7 GBP \u2014 British Pound<\/option>\n <option value=\"JPY\">\ud83c\uddef\ud83c\uddf5 JPY \u2014 Japanese Yen<\/option>\n <option value=\"AUD\">\ud83c\udde6\ud83c\uddfa AUD \u2014 Australian Dollar<\/option>\n <option value=\"CAD\">\ud83c\udde8\ud83c\udde6 CAD \u2014 Canadian Dollar<\/option>\n <option value=\"CHF\">\ud83c\udde8\ud83c\udded CHF \u2014 Swiss Franc<\/option>\n <option value=\"NZD\">\ud83c\uddf3\ud83c\uddff NZD \u2014 New Zealand Dollar<\/option>\n <option value=\"SGD\">\ud83c\uddf8\ud83c\uddec SGD \u2014 Singapore Dollar<\/option>\n <option value=\"HKD\">\ud83c\udded\ud83c\uddf0 HKD \u2014 Hong Kong Dollar<\/option>\n <option value=\"IDR\">\ud83c\uddee\ud83c\udde9 IDR \u2014 Indonesian Rupiah<\/option>\n <option value=\"MYR\">\ud83c\uddf2\ud83c\uddfe MYR \u2014 Malaysian Ringgit<\/option>\n <\/select>\n <\/div>\n \n <div class=\"field-group\">\n <label>Currency Pair <span>Select the traded pair<\/span><\/label>\n <select id=\"currencyPair\" onchange=\"onPairChange()\">\n <optgroup label=\"\u2501\u2501 Major Pairs \u2501\u2501\">\n <option value=\"EURUSD\">EUR\/USD<\/option>\n <option value=\"GBPUSD\">GBP\/USD<\/option>\n <option value=\"USDJPY\">USD\/JPY<\/option>\n <option value=\"USDCHF\">USD\/CHF<\/option>\n <option value=\"AUDUSD\">AUD\/USD<\/option>\n <option value=\"USDCAD\">USD\/CAD<\/option>\n <option value=\"NZDUSD\">NZD\/USD<\/option>\n <\/optgroup>\n <optgroup label=\"\u2501\u2501 Minor \/ Cross Pairs \u2501\u2501\">\n <option value=\"EURGBP\">EUR\/GBP<\/option>\n <option value=\"EURJPY\">EUR\/JPY<\/option>\n <option value=\"EURCAD\">EUR\/CAD<\/option>\n <option value=\"EURAUD\">EUR\/AUD<\/option>\n <option value=\"EURCHF\">EUR\/CHF<\/option>\n <option value=\"GBPJPY\">GBP\/JPY<\/option>\n <option value=\"GBPAUD\">GBP\/AUD<\/option>\n <option value=\"GBPCAD\">GBP\/CAD<\/option>\n <option value=\"GBPCHF\">GBP\/CHF<\/option>\n <option value=\"GBPNZD\">GBP\/NZD<\/option>\n <option value=\"AUDJPY\">AUD\/JPY<\/option>\n <option value=\"AU\u0414\u041dZD\">AUD\/NZD<\/option>\n <option value=\"AUDCAD\">AUD\/CAD<\/option>\n <option value=\"NZDJPY\">NZD\/JPY<\/option>\n <option value=\"CADJPY\">CAD\/JPY<\/option>\n <option value=\"CHFJPY\">CHF\/JPY<\/option>\n <\/optgroup>\n <optgroup label=\"\u2501\u2501 Yen Pairs \u2501\u2501\">\n <option value=\"SGDJPY\">SGD\/JPY<\/option>\n <option value=\"HKDJPY\">HKD\/JPY<\/option>\n <\/optgroup>\n <optgroup label=\"\u2501\u2501 Exotic Pairs \u2501\u2501\">\n <option value=\"USDIDR\">USD\/IDR<\/option>\n <option value=\"USDMYR\">USD\/MYR<\/option>\n <option value=\"USDSGD\">USD\/SGD<\/option>\n <option value=\"USDHKD\">USD\/HKD<\/option>\n <option value=\"USDTRY\">USD\/TRY<\/option>\n <option value=\"USDMXN\">USD\/MXN<\/option>\n <option value=\"USDZAR\">USD\/ZAR<\/option>\n <option value=\"USDNOK\">USD\/NOK<\/option>\n <option value=\"USDSEK\">USD\/SEK<\/option>\n <option value=\"USDDKK\">USD\/DKK<\/option>\n <\/optgroup>\n <\/select>\n <\/div>\n \n <div class=\"field-row\">\n <div class=\"field-group\">\n <label>Lot Type<\/label>\n <select id=\"lotType\" onchange=\"onLotTypeChange()\">\n <option value=\"standard\">Standard (100,000)<\/option>\n <option value=\"mini\">Mini (10,000)<\/option>\n <option value=\"micro\">Micro (1,000)<\/option>\n <option value=\"nano\">Nano (100)<\/option>\n <option value=\"custom\">Custom Units<\/option>\n <\/select>\n <\/div>\n <div class=\"field-group\">\n <label>Lot Size \/ Units<\/label>\n <div class=\"input-addon\">\n <input type=\"number\" id=\"lotSize\" value=\"1\" min=\"0.01\" step=\"0.01\" placeholder=\"1.0\" \/>\n <span class=\"input-addon-text\" id=\"lotAddonLabel\">LOT<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"field-group\">\n <label>Quote\/Exchange Rate <span>Current market rate<\/span><\/label>\n <div class=\"input-addon\">\n <input type=\"number\" id=\"exchangeRate\" value=\"1.08500\" step=\"0.00001\" min=\"0.00001\" placeholder=\"e.g. 1.0850\" \/>\n <span class=\"input-addon-text\" id=\"rateAddonLabel\">\u2014<\/span>\n <\/div>\n <p class=\"hint\" id=\"rateHint\">Enter the current market rate for the selected pair<\/p>\n <\/div>\n \n <div class=\"field-group\">\n <label>Pip Decimal Position <span>Standard: 4th decimal (0.0001)<\/span><\/label>\n <select id=\"pipDigits\">\n <option value=\"4\">4th Decimal \u2014 Standard pairs (0.0001)<\/option>\n <option value=\"2\">2nd Decimal \u2014 JPY pairs (0.01)<\/option>\n <option value=\"5\">5th Decimal \u2014 0.1 pip \/ fractional<\/option>\n <option value=\"3\">3rd Decimal \u2014 Some exotic pairs<\/option>\n <option value=\"0\">0 Decimal \u2014 IDR, VND, etc.<\/option>\n <\/select>\n <\/div>\n <button class=\"calc-btn\" id=\"calcBtn\" onclick=\"calculatePip()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 7H6a2 2 0 00-2 2v9a2 2 0 002 2h9a2 2 0 002-2v-3M9 7V5a2 2 0 012-2h6a2 2 0 012 2v6a2 2 0 01-2 2h-2M9 7h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n Calculate Pip Value\n <\/button>\n <button class=\"reset-btn\" onclick=\"resetForm()\">Reset<\/button>\n <\/div>\n\n \n <div class=\"results-panel\">\n <div class=\"panel-title\"><span class=\"dot dot-cyan\"><\/span>Results<\/div>\n <div id=\"results-area\">\n <div class=\"empty-state\">\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M12 8v4M12 16h.01\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <p>Fill in the fields and click <strong>Calculate<\/strong> to see results<\/p>\n <\/div>\n <\/div>\n <div id=\"lot-table-area\" style=\"display:none;margin-top:20px;\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"info-row\">\n <div class=\"info-card\">\n <div class=\"info-icon\" style=\"background:rgba(37,99,235,.15);color:#3b82f6;\">\ud83d\udccc<\/div>\n <div><strong>What is a Pip?<\/strong><p>A pip (percentage in point) is the smallest price move in a forex pair \u2014 typically the 4th decimal place (0.0001).<\/p><\/div>\n <\/div>\n <div class=\"info-card\">\n <div class=\"info-icon\" style=\"background:rgba(6,182,212,.15);color:#06b6d4;\">\ud83d\udce6<\/div>\n <div><strong>Lot Sizes<\/strong><p>Standard = 100,000 units \u00b7 Mini = 10,000 \u00b7 Micro = 1,000 \u00b7 Nano = 100 units of base currency.<\/p><\/div>\n <\/div>\n <div class=\"info-card\">\n <div class=\"info-icon\" style=\"background:rgba(139,92,246,.15);color:#8b5cf6;\">\ud83d\udca1<\/div>\n <div><strong>Why It Matters<\/strong><p>Knowing pip value helps you size positions correctly and manage risk with precision on every trade.<\/p><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ===== PAIR CONFIG =====\nconst PAIR_CONFIG = {\n EURUSD:{base:'EUR',quote:'USD',pipDig:4,defRate:1.0850},\n GBPUSD:{base:'GBP',quote:'USD',pipDig:4,defRate:1.2700},\n USDJPY:{base:'USD',quote:'JPY',pipDig:2,defRate:149.50},\n USDCHF:{base:'USD',quote:'CHF',pipDig:4,defRate:0.8960},\n AUDUSD:{base:'AUD',quote:'USD',pipDig:4,defRate:0.6530},\n USDCAD:{base:'USD',quote:'CAD',pipDig:4,defRate:1.3600},\n NZDUSD:{base:'NZD',quote:'USD',pipDig:4,defRate:0.6090},\n EURGBP:{base:'EUR',quote:'GBP',pipDig:4,defRate:0.8540},\n EURJPY:{base:'EUR',quote:'JPY',pipDig:2,defRate:162.00},\n EURCAD:{base:'EUR',quote:'CAD',pipDig:4,defRate:1.4730},\n EURAUD:{base:'EUR',quote:'AUD',pipDig:4,defRate:1.6610},\n EURCHF:{base:'EUR',quote:'CHF',pipDig:4,defRate:0.9700},\n GBPJPY:{base:'GBP',quote:'JPY',pipDig:2,defRate:189.50},\n GBPAUD:{base:'GBP',quote:'AUD',pipDig:4,defRate:1.9440},\n GBPCAD:{base:'GBP',quote:'CAD',pipDig:4,defRate:1.7230},\n GBPCHF:{base:'GBP',quote:'CHF',pipDig:4,defRate:1.1360},\n GBPNZD:{base:'GBP',quote:'NZD',pipDig:4,defRate:2.0840},\n AUDJPY:{base:'AUD',quote:'JPY',pipDig:2,defRate:97.60},\n AUDNZD:{base:'AUD',quote:'NZD',pipDig:4,defRate:1.0740},\n AUDCAD:{base:'AUD',quote:'CAD',pipDig:4,defRate:0.8880},\n NZDJPY:{base:'NZD',quote:'JPY',pipDig:2,defRate:91.00},\n CADJPY:{base:'CAD',quote:'JPY',pipDig:2,defRate:109.90},\n CHFJPY:{base:'CHF',quote:'JPY',pipDig:2,defRate:166.70},\n SGDJPY:{base:'SGD',quote:'JPY',pipDig:2,defRate:110.50},\n HKDJPY:{base:'HKD',quote:'JPY',pipDig:2,defRate:19.10},\n USDIDR:{base:'USD',quote:'IDR',pipDig:0,defRate:15800},\n USDMYR:{base:'USD',quote:'MYR',pipDig:4,defRate:4.7000},\n USDSGD:{base:'USD',quote:'SGD',pipDig:4,defRate:1.3420},\n USDHKD:{base:'USD',quote:'HKD',pipDig:4,defRate:7.8200},\n USDTRY:{base:'USD',quote:'TRY',pipDig:4,defRate:32.50},\n USDMXN:{base:'USD',quote:'MXN',pipDig:4,defRate:17.10},\n USDZAR:{base:'USD',quote:'ZAR',pipDig:4,defRate:18.80},\n USDNOK:{base:'USD',quote:'NOK',pipDig:4,defRate:10.60},\n USDSEK:{base:'USD',quote:'SEK',pipDig:4,defRate:10.40},\n USDDKK:{base:'USD',quote:'DKK',pipDig:4,defRate:6.9200},\n};\n\nconst LOT_UNITS = {standard:100000, mini:10000, micro:1000, nano:100, custom:1};\nconst LOT_MULTIPLIER_BY_TYPE = {standard:100000, mini:10000, micro:1000, nano:100};\nconst CURRENCY_SYMBOL = {USD:'$',EUR:'\u20ac',GBP:'\u00a3',JPY:'\u00a5',AUD:'A$',CAD:'C$',CHF:'Fr',NZD:'NZ$',SGD:'S$',HKD:'HK$',IDR:'Rp',MYR:'RM'};\n\n\/\/ Approximate USD conversion factors for display normalization\nconst USD_RATES = {USD:1,EUR:1.085,GBP:1.27,JPY:0.0067,AUD:0.653,CAD:0.735,CHF:1.116,NZD:0.609,SGD:0.745,HKD:0.128,IDR:0.000063,MYR:0.213};\n\nfunction getSymbol(cur){return CURRENCY_SYMBOL[cur]||cur+' ';}\n\nfunction onPairChange(){\n const pair=document.getElementById('currencyPair').value;\n const cfg=PAIR_CONFIG[pair];\n if(!cfg)return;\n document.getElementById('exchangeRate').value=cfg.defRate.toFixed(cfg.pipDig<2?2:cfg.pipDig);\n const pipSel=document.getElementById('pipDigits');\n pipSel.value=String(cfg.pipDig);\n const rateLabel=document.getElementById('rateAddonLabel');\n rateLabel.textContent=cfg.base+'\/'+cfg.quote;\n document.getElementById('rateHint').textContent='Default rate for '+cfg.base+'\/'+cfg.quote+'. Update with live market rate for accuracy.';\n}\n\nfunction onLotTypeChange(){\n const lt=document.getElementById('lotType').value;\n const addonLabel=document.getElementById('lotAddonLabel');\n if(lt==='custom'){\n addonLabel.textContent='UNITS';\n document.getElementById('lotSize').value=10000;\n document.getElementById('lotSize').step=1;\n } else {\n addonLabel.textContent='LOT';\n document.getElementById('lotSize').value=1;\n document.getElementById('lotSize').step=0.01;\n }\n}\n\nfunction calculatePipValue(pair, lotSizeUnits, exchangeRate, pipDecimal, accountCurrency){\n const cfg=PAIR_CONFIG[pair];\n if(!cfg) return null;\n const pipSize=Math.pow(10,-pipDecimal);\n \/\/ Pip value in quote currency\n const pipValueInQuote=pipSize*lotSizeUnits;\n \/\/ Convert pip value to account currency\n let pipValueInAccount;\n const quoteCur=cfg.quote;\n if(quoteCur===accountCurrency){\n pipValueInAccount=pipValueInQuote;\n } else if(quoteCur==='USD'&&accountCurrency!=='USD'){\n pipValueInAccount=pipValueInQuote*(USD_RATES[accountCurrency]?1\/USD_RATES[accountCurrency]:1);\n } else if(accountCurrency==='USD'){\n pipValueInAccount=pipValueInQuote\/exchangeRate;\n if(quoteCur!==cfg.base) pipValueInAccount=pipValueInQuote*(1\/exchangeRate);\n \/\/ For USD quote pairs, rate is direct\n if(quoteCur==='USD') pipValueInAccount=pipValueInQuote;\n else pipValueInAccount=pipValueInQuote\/exchangeRate;\n } else {\n \/\/ Generic: convert via approximate USD\n const quoteToUSD=USD_RATES[quoteCur]||1;\n const usdToAccount=(USD_RATES[accountCurrency]?1\/USD_RATES[accountCurrency]:1);\n pipValueInAccount=pipValueInQuote*quoteToUSD*usdToAccount;\n }\n return {\n pipValueInAccount,\n pipValueInQuote,\n pipSize,\n quoteCur,\n baseCur: cfg.base,\n lotSizeUnits\n };\n}\n\nfunction calculatePip(){\n const accountCurrency=document.getElementById('accountCurrency').value;\n const pair=document.getElementById('currencyPair').value;\n const lotType=document.getElementById('lotType').value;\n const lotSizeInput=parseFloat(document.getElementById('lotSize').value)||1;\n const exchangeRate=parseFloat(document.getElementById('exchangeRate').value)||1;\n const pipDecimal=parseInt(document.getElementById('pipDigits').value,10);\n\n let lotSizeUnits;\n if(lotType==='custom'){lotSizeUnits=lotSizeInput;}\n else{lotSizeUnits=LOT_UNITS[lotType]*lotSizeInput;}\n\n const result=calculatePipValue(pair,lotSizeUnits,exchangeRate,pipDecimal,accountCurrency);\n if(!result){alert('Please select a valid currency pair.');return;}\n\n const sym=getSymbol(accountCurrency);\n const pairLabel=pair.slice(0,3)+'\/'+pair.slice(3,6);\n const decPlaces=result.pipValueInAccount<0.01?6:result.pipValueInAccount<1?4:2;\n\n \/\/ Build lot comparison table data\n const lotRows=[\n {label:'Nano',units:100,badge:'lot-nano'},\n {label:'Micro',units:1000,badge:'lot-micro'},\n {label:'Mini',units:10000,badge:'lot-mini'},\n {label:'Standard',units:100000,badge:'lot-std'},\n ];\n\n const resultsArea=document.getElementById('results-area');\n resultsArea.innerHTML=`\n <div class=\"animate-in\">\n <div class=\"pair-info-bar\">\n <span class=\"pib-label\">Pair<\/span><span class=\"pib-value\">${pairLabel}<\/span>\n <span class=\"pib-label\">Rate<\/span><span class=\"pib-value\">${exchangeRate.toFixed(pipDecimal<2?2:pipDecimal)}<\/span>\n <span class=\"pib-label\">Lot<\/span><span class=\"pib-value\">${lotSizeInput} ${lotType!=='custom'?lotType:'units'}<\/span>\n <\/div>\n <div class=\"result-main\">\n <div class=\"result-label\">\ud83d\udcb0 Pip Value (1 pip = ${result.pipSize})<\/div>\n <div class=\"result-value\">${sym}${result.pipValueInAccount.toFixed(decPlaces)}<\/div>\n <div class=\"result-sub\">${accountCurrency} per pip \u00b7 ${lotSizeUnits.toLocaleString()} units \u00b7 ${pairLabel}<\/div>\n <\/div>\n <div class=\"result-grid\">\n <div class=\"result-card\">\n <div class=\"rc-label\">Pip Size<\/div>\n <div class=\"rc-value\">${result.pipSize}<\/div>\n <div class=\"rc-unit\">${pipDecimal} decimal places<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">In Quote Currency<\/div>\n <div class=\"rc-value\">${result.pipValueInQuote.toFixed(decPlaces)}<\/div>\n <div class=\"rc-unit\">${result.quoteCur} per pip<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">Position Size<\/div>\n <div class=\"rc-value\">${lotSizeUnits.toLocaleString()}<\/div>\n <div class=\"rc-unit\">Units of ${result.baseCur}<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">10 Pips Value<\/div>\n <div class=\"rc-value\">${sym}${(result.pipValueInAccount*10).toFixed(2)}<\/div>\n <div class=\"rc-unit\">${accountCurrency}<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">50 Pips Value<\/div>\n <div class=\"rc-value\">${sym}${(result.pipValueInAccount*50).toFixed(2)}<\/div>\n <div class=\"rc-unit\">${accountCurrency}<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">100 Pips Value<\/div>\n <div class=\"rc-value\">${sym}${(result.pipValueInAccount*100).toFixed(2)}<\/div>\n <div class=\"rc-unit\">${accountCurrency}<\/div>\n <\/div>\n <\/div>\n <div class=\"formula-box\">\n <div class=\"fb-label\">\ud83d\udcd0 Formula Used<\/div>\n <code>Pip Value = Pip Size \u00d7 Lot Units<br>= ${result.pipSize} \u00d7 ${lotSizeUnits.toLocaleString()} = ${result.pipValueInQuote.toFixed(4)} ${result.quoteCur}<br>\u2192 Converted to ${accountCurrency}: ${sym}${result.pipValueInAccount.toFixed(decPlaces)}<\/code>\n <\/div>\n <div class=\"rate-notice\">\u26a0\ufe0f Exchange rates shown are approximate defaults. Always use live market rates for accurate risk management.<\/div>\n <\/div>`;\n\n \/\/ Build lot comparison table\n const tableArea=document.getElementById('lot-table-area');\n tableArea.style.display='block';\n let tableRows='';\n lotRows.forEach(r=>{\n const rv=calculatePipValue(pair,r.units*1,exchangeRate,pipDecimal,accountCurrency);\n if(!rv)return;\n const isHighlight=(r.units===100000&&lotType==='standard')||(r.units===10000&&lotType==='mini')||(r.units===1000&&lotType==='micro')||(r.units===100&&lotType==='nano');\n tableRows+=`<tr${isHighlight?' class=\"highlight\"':''}>\n <td><span class=\"lot-badge ${r.badge}\">${r.label}<\/span><\/td>\n <td>${r.units.toLocaleString()} units<\/td>\n <td>${sym}${rv.pipValueInAccount.toFixed(4)}<\/td>\n <td>${sym}${(rv.pipValueInAccount*10).toFixed(2)}<\/td>\n <td>${sym}${(rv.pipValueInAccount*100).toFixed(2)}<\/td>\n <\/tr>`;\n });\n tableArea.innerHTML=`\n <div class=\"animate-in\" style=\"background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;\">\n <div class=\"table-title\">\ud83d\udcca Pip Value Comparison by Lot Size \u2014 ${pairLabel}<\/div>\n <div style=\"overflow-x:auto;\">\n <table class=\"pip-table\">\n <thead><tr><th>Lot Type<\/th><th>Units<\/th><th>1 Pip (${accountCurrency})<\/th><th>10 Pips<\/th><th>100 Pips<\/th><\/tr><\/thead>\n <tbody>${tableRows}<\/tbody>\n <\/table>\n <\/div>\n <\/div>`;\n}\n\nfunction resetForm(){\n document.getElementById('accountCurrency').value='USD';\n document.getElementById('currencyPair').value='EURUSD';\n document.getElementById('lotType').value='standard';\n document.getElementById('lotSize').value='1';\n document.getElementById('lotAddonLabel').textContent='LOT';\n document.getElementById('pipDigits').value='4';\n onPairChange();\n document.getElementById('results-area').innerHTML=`<div class=\"empty-state\">\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M12 8v4M12 16h.01\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <p>Fill in the fields and click <strong>Calculate<\/strong> to see results<\/p>\n <\/div>`;\n document.getElementById('lot-table-area').style.display='none';\n document.getElementById('lot-table-area').innerHTML='';\n}\n\n\/\/ Init on load\nwindow.addEventListener('DOMContentLoaded',()=>onPairChange());\n<\/script>\n<\/body>\n<\/html>\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>Pip Value Calculator Pip Value Calculator Calculate the exact pip value in your account currency based on lot size FOREX TOOLS Calculator Inputs Account Currency Your deposit currency \ud83c\uddfa\ud83c\uddf8 USD \u2014 US Dollar\ud83c\uddea\ud83c\uddfa EUR \u2014 Euro\ud83c\uddec\ud83c\udde7 GBP \u2014 British Pound\ud83c\uddef\ud83c\uddf5 JPY \u2014 Japanese Yen\ud83c\udde6\ud83c\uddfa AUD \u2014 Australian Dollar\ud83c\udde8\ud83c\udde6 CAD \u2014 Canadian Dollar\ud83c\udde8\ud83c\udded CHF \u2014 Swiss […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-580","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/comments?post=580"}],"version-history":[{"count":3,"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/pages\/580\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/pages\/580\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/media?parent=580"}],"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\n\n\n\n\nPip Value Calculator<\/title>\n<style>\n\/* ===== CSS VARIABLES & RESET ===== *\/\n:root {\n --primary: #2563eb;\n --primary-dark: #1d4ed8;\n --primary-light: #3b82f6;\n --primary-glow: rgba(37,99,235,0.18);\n --accent: #06b6d4;\n --accent2: #8b5cf6;\n --success: #10b981;\n --warning: #f59e0b;\n --danger: #ef4444;\n --bg: #0f172a;\n --bg2: #1e293b;\n --bg3: #273449;\n --card: rgba(30,41,59,0.85);\n --card2: rgba(39,52,73,0.7);\n --border: rgba(99,130,190,0.18);\n --border2: rgba(99,130,190,0.32);\n --text: #f1f5f9;\n --text2: #94a3b8;\n --text3: #64748b;\n --radius: 16px;\n --radius-sm: 10px;\n --shadow: 0 8px 40px rgba(0,0,0,0.4);\n --shadow-sm: 0 2px 12px rgba(0,0,0,0.2);\n --transition: all 0.22s cubic-bezier(.4,0,.2,1);\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;}\n\/* ===== LAYOUT ===== *\/\n.calc-wrapper{max-width:960px;margin:0 auto;padding:32px 20px 48px;}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}\n\/* ===== HEADER ===== *\/\n.calc-header{display:flex;align-items:center;gap:18px;margin-bottom:28px;background:linear-gradient(135deg,rgba(37,99,235,.18) 0%,rgba(6,182,212,.10) 100%);border:1px solid var(--border2);border-radius:var(--radius);padding:22px 28px;position:relative;overflow:hidden;}\n.calc-header::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);}\n.header-icon{width:54px;height:54px;flex-shrink:0;filter:drop-shadow(0 4px 16px rgba(37,99,235,.4));}\n.header-text h1{font-size:1.6rem;font-weight:800;background:linear-gradient(90deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px;}\n.header-text p{color:var(--text2);font-size:.88rem;margin-top:2px;}\n.header-badge{margin-left:auto;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:.65rem;font-weight:700;padding:5px 12px;border-radius:999px;letter-spacing:1.5px;flex-shrink:0;}\n\/* ===== PANELS ===== *\/\n.form-panel,.results-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(12px);}\n.panel-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text2);margin-bottom:20px;}\n.dot{display:inline-block;width:8px;height:8px;border-radius:50%;}\n.dot-blue{background:var(--primary);box-shadow:0 0 8px var(--primary);}\n.dot-cyan{background:var(--accent);box-shadow:0 0 8px var(--accent);}\n\/* ===== FORM FIELDS ===== *\/\n.field-group{margin-bottom:16px;}\n.field-group label{display:block;font-size:.78rem;font-weight:600;color:var(--text2);margin-bottom:6px;letter-spacing:.3px;}\n.field-group label span{color:var(--accent);font-size:.7rem;margin-left:4px;}\nselect,input[type=number],input[type=text]{width:100%;padding:10px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;outline:none;transition:var(--transition);-webkit-appearance:none;appearance:none;}\nselect{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}\nselect:focus,input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow);}\nselect option{background:var(--bg2);}\n.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n.input-addon{position:relative;}\n.input-addon input{padding-right:52px;}\n.input-addon-text{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.15);border:1px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--accent);font-size:.78rem;font-weight:700;padding:0 12px;pointer-events:none;border-left:none;}\n.hint{font-size:.72rem;color:var(--text3);margin-top:4px;}\n\/* ===== BUTTONS ===== *\/\n.calc-btn{width:100%;margin-top:8px;padding:13px;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:var(--radius-sm);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;transition:var(--transition);box-shadow:0 4px 20px rgba(37,99,235,.35);}\n.calc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,99,235,.5);}\n.calc-btn:active{transform:translateY(0);}\n.reset-btn{width:100%;margin-top:8px;padding:10px;background:transparent;border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text2);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);}\n.reset-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--primary-light);}\n\/* ===== RESULTS ===== *\/\n.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;color:var(--text3);text-align:center;}\n.empty-state svg{opacity:.3;}\n.empty-state p{font-size:.88rem;}\n.result-main{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,182,212,.12));border:1px solid rgba(37,99,235,.35);border-radius:var(--radius-sm);padding:20px;margin-bottom:14px;text-align:center;}\n.result-label{font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text2);margin-bottom:4px;}\n.result-value{font-size:2.2rem;font-weight:900;background:linear-gradient(90deg,#60a5fa,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;}\n.result-sub{font-size:.78rem;color:var(--text3);margin-top:4px;}\n.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}\n.result-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 12px;text-align:center;}\n.result-card .rc-label{font-size:.68rem;color:var(--text3);font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px;}\n.result-card .rc-value{font-size:1.05rem;font-weight:800;color:var(--text);}\n.result-card .rc-unit{font-size:.7rem;color:var(--text2);margin-top:1px;}\n.pair-info-bar{display:flex;justify-content:space-between;align-items:center;background:var(--bg3);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:14px;font-size:.8rem;}\n.pair-info-bar .pib-label{color:var(--text3);}\n.pair-info-bar .pib-value{color:var(--text);font-weight:700;}\n.rate-notice{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:9px 13px;font-size:.75rem;color:#fbbf24;margin-bottom:12px;display:flex;align-items:center;gap:7px;}\n\/* ===== LOT TABLE ===== *\/\n.table-title{font-size:.78rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:7px;}\n.pip-table{width:100%;border-collapse:collapse;font-size:.82rem;}\n.pip-table th{background:var(--bg3);color:var(--text2);font-weight:700;font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;padding:9px 12px;text-align:left;border-bottom:1px solid var(--border);}\n.pip-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;}\n.pip-table tr:last-child td{border-bottom:none;}\n.pip-table tr:hover td{background:rgba(37,99,235,.07);}\n.pip-table .highlight td{color:#60a5fa;font-weight:700;}\n.lot-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.4px;}\n.lot-std{background:rgba(37,99,235,.18);color:#60a5fa;}\n.lot-mini{background:rgba(6,182,212,.15);color:#22d3ee;}\n.lot-micro{background:rgba(139,92,246,.15);color:#a78bfa;}\n.lot-nano{background:rgba(16,185,129,.15);color:#34d399;}\n.lot-custom{background:rgba(245,158,11,.15);color:#fbbf24;}\n\/* ===== INFO CARDS ===== *\/\n.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}\n.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;gap:13px;align-items:flex-start;}\n.info-icon{font-size:1.3rem;flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;}\n.info-card strong{font-size:.82rem;display:block;margin-bottom:4px;color:var(--text);}\n.info-card p{font-size:.74rem;color:var(--text3);line-height:1.5;}\n\/* ===== FORMULA SECTION ===== *\/\n.formula-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:14px;font-size:.8rem;}\n.formula-box .fb-label{color:var(--text3);font-size:.7rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px;}\n.formula-box code{display:block;color:#93c5fd;font-family:monospace;font-size:.84rem;line-height:1.7;}\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeSlideIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}\n@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.6;}}\n@keyframes shimmer{0%{background-position:-200% center;}100%{background-position:200% center;}}\n.animate-in{animation:fadeSlideIn .35s ease both;}\n.loading .calc-btn{background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% auto;animation:shimmer 1.2s linear infinite;pointer-events:none;}\n\/* ===== SCROLLBAR ===== *\/\n::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:700px){\n .calc-grid{grid-template-columns:1fr;}\n .info-row{grid-template-columns:1fr;}\n .calc-header{flex-wrap:wrap;gap:12px;}\n .header-badge{font-size:.6rem;}\n .result-value{font-size:1.7rem;}\n .result-grid{grid-template-columns:1fr 1fr;}\n .field-row{grid-template-columns:1fr;}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"calc-wrapper\">\n \n <div class=\"calc-header\">\n <div class=\"header-icon\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"24\" cy=\"24\" r=\"24\" fill=\"url(#hg)\"\/>\n <path d=\"M14 34l5-10 5 6 5-14 5 18\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs><linearGradient id=\"hg\" x1=\"0\" y1=\"0\" x2=\"48\" y2=\"48\"><stop stop-color=\"#2563eb\"\/><stop offset=\"1\" stop-color=\"#06b6d4\"\/><\/linearGradient><\/defs>\n <\/svg>\n <\/div>\n <div class=\"header-text\">\n <h1>Pip Value Calculator<\/h1>\n <p>Calculate the exact pip value in your account currency based on lot size<\/p>\n <\/div>\n <div class=\"header-badge\">FOREX TOOLS<\/div>\n <\/div>\n\n \n <div class=\"calc-grid\">\n \n <div class=\"form-panel\">\n <div class=\"panel-title\"><span class=\"dot dot-blue\"><\/span>Calculator Inputs<\/div>\n \n <div class=\"field-group\">\n <label>Account Currency <span>Your deposit currency<\/span><\/label>\n <select id=\"accountCurrency\">\n <option value=\"USD\">\ud83c\uddfa\ud83c\uddf8 USD \u2014 US Dollar<\/option>\n <option value=\"EUR\">\ud83c\uddea\ud83c\uddfa EUR \u2014 Euro<\/option>\n <option value=\"GBP\">\ud83c\uddec\ud83c\udde7 GBP \u2014 British Pound<\/option>\n <option value=\"JPY\">\ud83c\uddef\ud83c\uddf5 JPY \u2014 Japanese Yen<\/option>\n <option value=\"AUD\">\ud83c\udde6\ud83c\uddfa AUD \u2014 Australian Dollar<\/option>\n <option value=\"CAD\">\ud83c\udde8\ud83c\udde6 CAD \u2014 Canadian Dollar<\/option>\n <option value=\"CHF\">\ud83c\udde8\ud83c\udded CHF \u2014 Swiss Franc<\/option>\n <option value=\"NZD\">\ud83c\uddf3\ud83c\uddff NZD \u2014 New Zealand Dollar<\/option>\n <option value=\"SGD\">\ud83c\uddf8\ud83c\uddec SGD \u2014 Singapore Dollar<\/option>\n <option value=\"HKD\">\ud83c\udded\ud83c\uddf0 HKD \u2014 Hong Kong Dollar<\/option>\n <option value=\"IDR\">\ud83c\uddee\ud83c\udde9 IDR \u2014 Indonesian Rupiah<\/option>\n <option value=\"MYR\">\ud83c\uddf2\ud83c\uddfe MYR \u2014 Malaysian Ringgit<\/option>\n <\/select>\n <\/div>\n \n <div class=\"field-group\">\n <label>Currency Pair <span>Select the traded pair<\/span><\/label>\n <select id=\"currencyPair\" onchange=\"onPairChange()\">\n <optgroup label=\"\u2501\u2501 Major Pairs \u2501\u2501\">\n <option value=\"EURUSD\">EUR\/USD<\/option>\n <option value=\"GBPUSD\">GBP\/USD<\/option>\n <option value=\"USDJPY\">USD\/JPY<\/option>\n <option value=\"USDCHF\">USD\/CHF<\/option>\n <option value=\"AUDUSD\">AUD\/USD<\/option>\n <option value=\"USDCAD\">USD\/CAD<\/option>\n <option value=\"NZDUSD\">NZD\/USD<\/option>\n <\/optgroup>\n <optgroup label=\"\u2501\u2501 Minor \/ Cross Pairs \u2501\u2501\">\n <option value=\"EURGBP\">EUR\/GBP<\/option>\n <option value=\"EURJPY\">EUR\/JPY<\/option>\n <option value=\"EURCAD\">EUR\/CAD<\/option>\n <option value=\"EURAUD\">EUR\/AUD<\/option>\n <option value=\"EURCHF\">EUR\/CHF<\/option>\n <option value=\"GBPJPY\">GBP\/JPY<\/option>\n <option value=\"GBPAUD\">GBP\/AUD<\/option>\n <option value=\"GBPCAD\">GBP\/CAD<\/option>\n <option value=\"GBPCHF\">GBP\/CHF<\/option>\n <option value=\"GBPNZD\">GBP\/NZD<\/option>\n <option value=\"AUDJPY\">AUD\/JPY<\/option>\n <option value=\"AU\u0414\u041dZD\">AUD\/NZD<\/option>\n <option value=\"AUDCAD\">AUD\/CAD<\/option>\n <option value=\"NZDJPY\">NZD\/JPY<\/option>\n <option value=\"CADJPY\">CAD\/JPY<\/option>\n <option value=\"CHFJPY\">CHF\/JPY<\/option>\n <\/optgroup>\n <optgroup label=\"\u2501\u2501 Yen Pairs \u2501\u2501\">\n <option value=\"SGDJPY\">SGD\/JPY<\/option>\n <option value=\"HKDJPY\">HKD\/JPY<\/option>\n <\/optgroup>\n <optgroup label=\"\u2501\u2501 Exotic Pairs \u2501\u2501\">\n <option value=\"USDIDR\">USD\/IDR<\/option>\n <option value=\"USDMYR\">USD\/MYR<\/option>\n <option value=\"USDSGD\">USD\/SGD<\/option>\n <option value=\"USDHKD\">USD\/HKD<\/option>\n <option value=\"USDTRY\">USD\/TRY<\/option>\n <option value=\"USDMXN\">USD\/MXN<\/option>\n <option value=\"USDZAR\">USD\/ZAR<\/option>\n <option value=\"USDNOK\">USD\/NOK<\/option>\n <option value=\"USDSEK\">USD\/SEK<\/option>\n <option value=\"USDDKK\">USD\/DKK<\/option>\n <\/optgroup>\n <\/select>\n <\/div>\n \n <div class=\"field-row\">\n <div class=\"field-group\">\n <label>Lot Type<\/label>\n <select id=\"lotType\" onchange=\"onLotTypeChange()\">\n <option value=\"standard\">Standard (100,000)<\/option>\n <option value=\"mini\">Mini (10,000)<\/option>\n <option value=\"micro\">Micro (1,000)<\/option>\n <option value=\"nano\">Nano (100)<\/option>\n <option value=\"custom\">Custom Units<\/option>\n <\/select>\n <\/div>\n <div class=\"field-group\">\n <label>Lot Size \/ Units<\/label>\n <div class=\"input-addon\">\n <input type=\"number\" id=\"lotSize\" value=\"1\" min=\"0.01\" step=\"0.01\" placeholder=\"1.0\" \/>\n <span class=\"input-addon-text\" id=\"lotAddonLabel\">LOT<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"field-group\">\n <label>Quote\/Exchange Rate <span>Current market rate<\/span><\/label>\n <div class=\"input-addon\">\n <input type=\"number\" id=\"exchangeRate\" value=\"1.08500\" step=\"0.00001\" min=\"0.00001\" placeholder=\"e.g. 1.0850\" \/>\n <span class=\"input-addon-text\" id=\"rateAddonLabel\">\u2014<\/span>\n <\/div>\n <p class=\"hint\" id=\"rateHint\">Enter the current market rate for the selected pair<\/p>\n <\/div>\n \n <div class=\"field-group\">\n <label>Pip Decimal Position <span>Standard: 4th decimal (0.0001)<\/span><\/label>\n <select id=\"pipDigits\">\n <option value=\"4\">4th Decimal \u2014 Standard pairs (0.0001)<\/option>\n <option value=\"2\">2nd Decimal \u2014 JPY pairs (0.01)<\/option>\n <option value=\"5\">5th Decimal \u2014 0.1 pip \/ fractional<\/option>\n <option value=\"3\">3rd Decimal \u2014 Some exotic pairs<\/option>\n <option value=\"0\">0 Decimal \u2014 IDR, VND, etc.<\/option>\n <\/select>\n <\/div>\n <button class=\"calc-btn\" id=\"calcBtn\" onclick=\"calculatePip()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 7H6a2 2 0 00-2 2v9a2 2 0 002 2h9a2 2 0 002-2v-3M9 7V5a2 2 0 012-2h6a2 2 0 012 2v6a2 2 0 01-2 2h-2M9 7h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n Calculate Pip Value\n <\/button>\n <button class=\"reset-btn\" onclick=\"resetForm()\">Reset<\/button>\n <\/div>\n\n \n <div class=\"results-panel\">\n <div class=\"panel-title\"><span class=\"dot dot-cyan\"><\/span>Results<\/div>\n <div id=\"results-area\">\n <div class=\"empty-state\">\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M12 8v4M12 16h.01\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <p>Fill in the fields and click <strong>Calculate<\/strong> to see results<\/p>\n <\/div>\n <\/div>\n <div id=\"lot-table-area\" style=\"display:none;margin-top:20px;\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"info-row\">\n <div class=\"info-card\">\n <div class=\"info-icon\" style=\"background:rgba(37,99,235,.15);color:#3b82f6;\">\ud83d\udccc<\/div>\n <div><strong>What is a Pip?<\/strong><p>A pip (percentage in point) is the smallest price move in a forex pair \u2014 typically the 4th decimal place (0.0001).<\/p><\/div>\n <\/div>\n <div class=\"info-card\">\n <div class=\"info-icon\" style=\"background:rgba(6,182,212,.15);color:#06b6d4;\">\ud83d\udce6<\/div>\n <div><strong>Lot Sizes<\/strong><p>Standard = 100,000 units \u00b7 Mini = 10,000 \u00b7 Micro = 1,000 \u00b7 Nano = 100 units of base currency.<\/p><\/div>\n <\/div>\n <div class=\"info-card\">\n <div class=\"info-icon\" style=\"background:rgba(139,92,246,.15);color:#8b5cf6;\">\ud83d\udca1<\/div>\n <div><strong>Why It Matters<\/strong><p>Knowing pip value helps you size positions correctly and manage risk with precision on every trade.<\/p><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ===== PAIR CONFIG =====\nconst PAIR_CONFIG = {\n EURUSD:{base:'EUR',quote:'USD',pipDig:4,defRate:1.0850},\n GBPUSD:{base:'GBP',quote:'USD',pipDig:4,defRate:1.2700},\n USDJPY:{base:'USD',quote:'JPY',pipDig:2,defRate:149.50},\n USDCHF:{base:'USD',quote:'CHF',pipDig:4,defRate:0.8960},\n AUDUSD:{base:'AUD',quote:'USD',pipDig:4,defRate:0.6530},\n USDCAD:{base:'USD',quote:'CAD',pipDig:4,defRate:1.3600},\n NZDUSD:{base:'NZD',quote:'USD',pipDig:4,defRate:0.6090},\n EURGBP:{base:'EUR',quote:'GBP',pipDig:4,defRate:0.8540},\n EURJPY:{base:'EUR',quote:'JPY',pipDig:2,defRate:162.00},\n EURCAD:{base:'EUR',quote:'CAD',pipDig:4,defRate:1.4730},\n EURAUD:{base:'EUR',quote:'AUD',pipDig:4,defRate:1.6610},\n EURCHF:{base:'EUR',quote:'CHF',pipDig:4,defRate:0.9700},\n GBPJPY:{base:'GBP',quote:'JPY',pipDig:2,defRate:189.50},\n GBPAUD:{base:'GBP',quote:'AUD',pipDig:4,defRate:1.9440},\n GBPCAD:{base:'GBP',quote:'CAD',pipDig:4,defRate:1.7230},\n GBPCHF:{base:'GBP',quote:'CHF',pipDig:4,defRate:1.1360},\n GBPNZD:{base:'GBP',quote:'NZD',pipDig:4,defRate:2.0840},\n AUDJPY:{base:'AUD',quote:'JPY',pipDig:2,defRate:97.60},\n AUDNZD:{base:'AUD',quote:'NZD',pipDig:4,defRate:1.0740},\n AUDCAD:{base:'AUD',quote:'CAD',pipDig:4,defRate:0.8880},\n NZDJPY:{base:'NZD',quote:'JPY',pipDig:2,defRate:91.00},\n CADJPY:{base:'CAD',quote:'JPY',pipDig:2,defRate:109.90},\n CHFJPY:{base:'CHF',quote:'JPY',pipDig:2,defRate:166.70},\n SGDJPY:{base:'SGD',quote:'JPY',pipDig:2,defRate:110.50},\n HKDJPY:{base:'HKD',quote:'JPY',pipDig:2,defRate:19.10},\n USDIDR:{base:'USD',quote:'IDR',pipDig:0,defRate:15800},\n USDMYR:{base:'USD',quote:'MYR',pipDig:4,defRate:4.7000},\n USDSGD:{base:'USD',quote:'SGD',pipDig:4,defRate:1.3420},\n USDHKD:{base:'USD',quote:'HKD',pipDig:4,defRate:7.8200},\n USDTRY:{base:'USD',quote:'TRY',pipDig:4,defRate:32.50},\n USDMXN:{base:'USD',quote:'MXN',pipDig:4,defRate:17.10},\n USDZAR:{base:'USD',quote:'ZAR',pipDig:4,defRate:18.80},\n USDNOK:{base:'USD',quote:'NOK',pipDig:4,defRate:10.60},\n USDSEK:{base:'USD',quote:'SEK',pipDig:4,defRate:10.40},\n USDDKK:{base:'USD',quote:'DKK',pipDig:4,defRate:6.9200},\n};\n\nconst LOT_UNITS = {standard:100000, mini:10000, micro:1000, nano:100, custom:1};\nconst LOT_MULTIPLIER_BY_TYPE = {standard:100000, mini:10000, micro:1000, nano:100};\nconst CURRENCY_SYMBOL = {USD:'$',EUR:'\u20ac',GBP:'\u00a3',JPY:'\u00a5',AUD:'A$',CAD:'C$',CHF:'Fr',NZD:'NZ$',SGD:'S$',HKD:'HK$',IDR:'Rp',MYR:'RM'};\n\n\/\/ Approximate USD conversion factors for display normalization\nconst USD_RATES = {USD:1,EUR:1.085,GBP:1.27,JPY:0.0067,AUD:0.653,CAD:0.735,CHF:1.116,NZD:0.609,SGD:0.745,HKD:0.128,IDR:0.000063,MYR:0.213};\n\nfunction getSymbol(cur){return CURRENCY_SYMBOL[cur]||cur+' ';}\n\nfunction onPairChange(){\n const pair=document.getElementById('currencyPair').value;\n const cfg=PAIR_CONFIG[pair];\n if(!cfg)return;\n document.getElementById('exchangeRate').value=cfg.defRate.toFixed(cfg.pipDig<2?2:cfg.pipDig);\n const pipSel=document.getElementById('pipDigits');\n pipSel.value=String(cfg.pipDig);\n const rateLabel=document.getElementById('rateAddonLabel');\n rateLabel.textContent=cfg.base+'\/'+cfg.quote;\n document.getElementById('rateHint').textContent='Default rate for '+cfg.base+'\/'+cfg.quote+'. Update with live market rate for accuracy.';\n}\n\nfunction onLotTypeChange(){\n const lt=document.getElementById('lotType').value;\n const addonLabel=document.getElementById('lotAddonLabel');\n if(lt==='custom'){\n addonLabel.textContent='UNITS';\n document.getElementById('lotSize').value=10000;\n document.getElementById('lotSize').step=1;\n } else {\n addonLabel.textContent='LOT';\n document.getElementById('lotSize').value=1;\n document.getElementById('lotSize').step=0.01;\n }\n}\n\nfunction calculatePipValue(pair, lotSizeUnits, exchangeRate, pipDecimal, accountCurrency){\n const cfg=PAIR_CONFIG[pair];\n if(!cfg) return null;\n const pipSize=Math.pow(10,-pipDecimal);\n \/\/ Pip value in quote currency\n const pipValueInQuote=pipSize*lotSizeUnits;\n \/\/ Convert pip value to account currency\n let pipValueInAccount;\n const quoteCur=cfg.quote;\n if(quoteCur===accountCurrency){\n pipValueInAccount=pipValueInQuote;\n } else if(quoteCur==='USD'&&accountCurrency!=='USD'){\n pipValueInAccount=pipValueInQuote*(USD_RATES[accountCurrency]?1\/USD_RATES[accountCurrency]:1);\n } else if(accountCurrency==='USD'){\n pipValueInAccount=pipValueInQuote\/exchangeRate;\n if(quoteCur!==cfg.base) pipValueInAccount=pipValueInQuote*(1\/exchangeRate);\n \/\/ For USD quote pairs, rate is direct\n if(quoteCur==='USD') pipValueInAccount=pipValueInQuote;\n else pipValueInAccount=pipValueInQuote\/exchangeRate;\n } else {\n \/\/ Generic: convert via approximate USD\n const quoteToUSD=USD_RATES[quoteCur]||1;\n const usdToAccount=(USD_RATES[accountCurrency]?1\/USD_RATES[accountCurrency]:1);\n pipValueInAccount=pipValueInQuote*quoteToUSD*usdToAccount;\n }\n return {\n pipValueInAccount,\n pipValueInQuote,\n pipSize,\n quoteCur,\n baseCur: cfg.base,\n lotSizeUnits\n };\n}\n\nfunction calculatePip(){\n const accountCurrency=document.getElementById('accountCurrency').value;\n const pair=document.getElementById('currencyPair').value;\n const lotType=document.getElementById('lotType').value;\n const lotSizeInput=parseFloat(document.getElementById('lotSize').value)||1;\n const exchangeRate=parseFloat(document.getElementById('exchangeRate').value)||1;\n const pipDecimal=parseInt(document.getElementById('pipDigits').value,10);\n\n let lotSizeUnits;\n if(lotType==='custom'){lotSizeUnits=lotSizeInput;}\n else{lotSizeUnits=LOT_UNITS[lotType]*lotSizeInput;}\n\n const result=calculatePipValue(pair,lotSizeUnits,exchangeRate,pipDecimal,accountCurrency);\n if(!result){alert('Please select a valid currency pair.');return;}\n\n const sym=getSymbol(accountCurrency);\n const pairLabel=pair.slice(0,3)+'\/'+pair.slice(3,6);\n const decPlaces=result.pipValueInAccount<0.01?6:result.pipValueInAccount<1?4:2;\n\n \/\/ Build lot comparison table data\n const lotRows=[\n {label:'Nano',units:100,badge:'lot-nano'},\n {label:'Micro',units:1000,badge:'lot-micro'},\n {label:'Mini',units:10000,badge:'lot-mini'},\n {label:'Standard',units:100000,badge:'lot-std'},\n ];\n\n const resultsArea=document.getElementById('results-area');\n resultsArea.innerHTML=`\n <div class=\"animate-in\">\n <div class=\"pair-info-bar\">\n <span class=\"pib-label\">Pair<\/span><span class=\"pib-value\">${pairLabel}<\/span>\n <span class=\"pib-label\">Rate<\/span><span class=\"pib-value\">${exchangeRate.toFixed(pipDecimal<2?2:pipDecimal)}<\/span>\n <span class=\"pib-label\">Lot<\/span><span class=\"pib-value\">${lotSizeInput} ${lotType!=='custom'?lotType:'units'}<\/span>\n <\/div>\n <div class=\"result-main\">\n <div class=\"result-label\">\ud83d\udcb0 Pip Value (1 pip = ${result.pipSize})<\/div>\n <div class=\"result-value\">${sym}${result.pipValueInAccount.toFixed(decPlaces)}<\/div>\n <div class=\"result-sub\">${accountCurrency} per pip \u00b7 ${lotSizeUnits.toLocaleString()} units \u00b7 ${pairLabel}<\/div>\n <\/div>\n <div class=\"result-grid\">\n <div class=\"result-card\">\n <div class=\"rc-label\">Pip Size<\/div>\n <div class=\"rc-value\">${result.pipSize}<\/div>\n <div class=\"rc-unit\">${pipDecimal} decimal places<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">In Quote Currency<\/div>\n <div class=\"rc-value\">${result.pipValueInQuote.toFixed(decPlaces)}<\/div>\n <div class=\"rc-unit\">${result.quoteCur} per pip<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">Position Size<\/div>\n <div class=\"rc-value\">${lotSizeUnits.toLocaleString()}<\/div>\n <div class=\"rc-unit\">Units of ${result.baseCur}<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">10 Pips Value<\/div>\n <div class=\"rc-value\">${sym}${(result.pipValueInAccount*10).toFixed(2)}<\/div>\n <div class=\"rc-unit\">${accountCurrency}<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">50 Pips Value<\/div>\n <div class=\"rc-value\">${sym}${(result.pipValueInAccount*50).toFixed(2)}<\/div>\n <div class=\"rc-unit\">${accountCurrency}<\/div>\n <\/div>\n <div class=\"result-card\">\n <div class=\"rc-label\">100 Pips Value<\/div>\n <div class=\"rc-value\">${sym}${(result.pipValueInAccount*100).toFixed(2)}<\/div>\n <div class=\"rc-unit\">${accountCurrency}<\/div>\n <\/div>\n <\/div>\n <div class=\"formula-box\">\n <div class=\"fb-label\">\ud83d\udcd0 Formula Used<\/div>\n <code>Pip Value = Pip Size \u00d7 Lot Units<br>= ${result.pipSize} \u00d7 ${lotSizeUnits.toLocaleString()} = ${result.pipValueInQuote.toFixed(4)} ${result.quoteCur}<br>\u2192 Converted to ${accountCurrency}: ${sym}${result.pipValueInAccount.toFixed(decPlaces)}<\/code>\n <\/div>\n <div class=\"rate-notice\">\u26a0\ufe0f Exchange rates shown are approximate defaults. Always use live market rates for accurate risk management.<\/div>\n <\/div>`;\n\n \/\/ Build lot comparison table\n const tableArea=document.getElementById('lot-table-area');\n tableArea.style.display='block';\n let tableRows='';\n lotRows.forEach(r=>{\n const rv=calculatePipValue(pair,r.units*1,exchangeRate,pipDecimal,accountCurrency);\n if(!rv)return;\n const isHighlight=(r.units===100000&&lotType==='standard')||(r.units===10000&&lotType==='mini')||(r.units===1000&&lotType==='micro')||(r.units===100&&lotType==='nano');\n tableRows+=`<tr${isHighlight?' class=\"highlight\"':''}>\n <td><span class=\"lot-badge ${r.badge}\">${r.label}<\/span><\/td>\n <td>${r.units.toLocaleString()} units<\/td>\n <td>${sym}${rv.pipValueInAccount.toFixed(4)}<\/td>\n <td>${sym}${(rv.pipValueInAccount*10).toFixed(2)}<\/td>\n <td>${sym}${(rv.pipValueInAccount*100).toFixed(2)}<\/td>\n <\/tr>`;\n });\n tableArea.innerHTML=`\n <div class=\"animate-in\" style=\"background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;\">\n <div class=\"table-title\">\ud83d\udcca Pip Value Comparison by Lot Size \u2014 ${pairLabel}<\/div>\n <div style=\"overflow-x:auto;\">\n <table class=\"pip-table\">\n <thead><tr><th>Lot Type<\/th><th>Units<\/th><th>1 Pip (${accountCurrency})<\/th><th>10 Pips<\/th><th>100 Pips<\/th><\/tr><\/thead>\n <tbody>${tableRows}<\/tbody>\n <\/table>\n <\/div>\n <\/div>`;\n}\n\nfunction resetForm(){\n document.getElementById('accountCurrency').value='USD';\n document.getElementById('currencyPair').value='EURUSD';\n document.getElementById('lotType').value='standard';\n document.getElementById('lotSize').value='1';\n document.getElementById('lotAddonLabel').textContent='LOT';\n document.getElementById('pipDigits').value='4';\n onPairChange();\n document.getElementById('results-area').innerHTML=`<div class=\"empty-state\">\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M12 8v4M12 16h.01\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <p>Fill in the fields and click <strong>Calculate<\/strong> to see results<\/p>\n <\/div>`;\n document.getElementById('lot-table-area').style.display='none';\n document.getElementById('lot-table-area').innerHTML='';\n}\n\n\/\/ Init on load\nwindow.addEventListener('DOMContentLoaded',()=>onPairChange());\n<\/script>\n<\/body>\n<\/html>\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>Pip Value Calculator Pip Value Calculator Calculate the exact pip value in your account currency based on lot size FOREX TOOLS Calculator Inputs Account Currency Your deposit currency \ud83c\uddfa\ud83c\uddf8 USD \u2014 US Dollar\ud83c\uddea\ud83c\uddfa EUR \u2014 Euro\ud83c\uddec\ud83c\udde7 GBP \u2014 British Pound\ud83c\uddef\ud83c\uddf5 JPY \u2014 Japanese Yen\ud83c\udde6\ud83c\uddfa AUD \u2014 Australian Dollar\ud83c\udde8\ud83c\udde6 CAD \u2014 Canadian Dollar\ud83c\udde8\ud83c\udded CHF \u2014 Swiss […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-580","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/comments?post=580"}],"version-history":[{"count":3,"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/pages\/580\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/pages\/580\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/fxfinds.com\/zh_tw\/wp-json\/wp\/v2\/media?parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}