#tp-roi{–bg:#0a0e14;–panel:#0f1620;–border:#1c2735;–text:#d6e4f0;–muted:#7a8ba0;–cyan:#22e5ff;–green:#a6ff3d;–magenta:#ff2bd6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:linear-gradient(135deg,#0a0e14,#0f1620);color:var(–text);padding:24px;border-radius:12px;border:1px solid var(–border);max-width:920px;margin:0 auto;box-shadow:0 10px 40px rgba(34,229,255,.08)}
#tp-roi *{box-sizing:border-box}
#tp-roi .tp-roi-title{font-size:22px;color:var(–cyan);margin:0 0 4px;letter-spacing:.5px}
#tp-roi .tp-roi-sub{color:var(–muted);font-size:13px;margin:0 0 20px}
#tp-roi .tp-roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
#tp-roi label{display:block;font-size:12px;color:var(–muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
#tp-roi input{width:100%;background:var(–bg);border:1px solid var(–border);color:var(–text);padding:10px 12px;border-radius:6px;font-family:inherit;font-size:15px;outline:none;transition:border-color .15s}
#tp-roi input:focus{border-color:var(–cyan)}
#tp-roi .tp-roi-btn{width:100%;background:linear-gradient(90deg,var(–cyan),var(–green));color:#0a0e14;border:0;padding:12px;border-radius:6px;font-family:inherit;font-weight:700;font-size:14px;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:transform .1s}
#tp-roi .tp-roi-btn:hover{transform:translateY(-1px)}
#tp-roi .tp-roi-results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
#tp-roi .tp-roi-card{background:var(–panel);border:1px solid var(–border);padding:14px;border-radius:8px}
#tp-roi .tp-roi-card-label{font-size:11px;color:var(–muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
#tp-roi .tp-roi-card-value{font-size:20px;font-weight:700;color:var(–cyan)}
#tp-roi .tp-roi-card.green .tp-roi-card-value{color:var(–green)}
#tp-roi .tp-roi-card.magenta .tp-roi-card-value{color:var(–magenta)}
#tp-roi .tp-roi-table-wrap{margin-top:18px;max-height:320px;overflow:auto;border:1px solid var(–border);border-radius:8px}
#tp-roi table{width:100%;border-collapse:collapse;font-size:13px}
#tp-roi th,#tp-roi td{padding:8px 12px;text-align:right;border-bottom:1px solid var(–border)}
#tp-roi th{background:var(–panel);color:var(–muted);text-transform:uppercase;font-size:11px;letter-spacing:.5px;position:sticky;top:0}
#tp-roi th:first-child,#tp-roi td:first-child{text-align:left}
@media(max-width:560px){#tp-roi .tp-roi-grid,#tp-roi .tp-roi-results{grid-template-columns:1fr}}
(function(){
var root=document.getElementById(‘tp-roi’);
if(!root||root.dataset.init)return;root.dataset.init=’1′;
var fmt=function(n){return Math.round(n).toLocaleString(‘hu-HU’)+’ Ft’};
function calc(){
var P=Math.max(0,+document.getElementById(‘tp-roi-initial’).value||0);
var M=Math.max(0,+document.getElementById(‘tp-roi-monthly’).value||0);
var r=Math.max(0,+document.getElementById(‘tp-roi-rate’).value||0)/100;
var Y=Math.min(60,Math.max(1,+document.getElementById(‘tp-roi-years’).value||1));
var mr=Math.pow(1+r,1/12)-1;
var bal=P,rows=”;
for(var y=1;y<=Y;y++){
for(var m=0;m<12;m++){bal=bal*(1+mr)+M}
var paid=P+M*12*y;
rows+='‘+y+’ ‘+fmt(paid)+’ ‘+fmt(bal)+’ ‘+fmt(bal-paid)+’ ‘;
}
var totalPaid=P+M*12*Y, profit=bal-totalPaid;
document.getElementById(‘tp-roi-final’).textContent=fmt(bal);
document.getElementById(‘tp-roi-total’).textContent=fmt(totalPaid);
document.getElementById(‘tp-roi-profit’).textContent=fmt(profit);
document.getElementById(‘tp-roi-percent’).textContent=(totalPaid>0?(profit/totalPaid*100).toFixed(1):’0′)+’ %’;
document.getElementById(‘tp-roi-tbody’).innerHTML=rows;
}
document.getElementById(‘tp-roi-calc’).addEventListener(‘click’,calc);
root.addEventListener(‘keydown’,function(e){if(e.key===’Enter’)calc()});
calc();
})();
> ROI Kalkulátor
Számold ki befektetésed várható hozamát kamatos kamattal
Kezdő tőke (Ft)
Havi befizetés (Ft)
Éves hozam (%)
Időtáv (év)
Végső érték
–
Összes befizetés
–
Profit
–
ROI
–
| Év | Befizetve | Egyenleg | Profit |
|---|