Knytt alle bannerverdier til sliderne i lonn, sparing og bolig

Hardkodede tall i bannerene (lønnsforskjell, sparebeløp,
prosentpoeng, prisforskjell, vekst, antall år) oppdateres nå
dynamisk når brukerne endrer sliderne.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2026-03-25 19:18:28 +01:00
commit 2615e96042
6 changed files with 15 additions and 3 deletions

View file

@ -137,6 +137,9 @@ function update() {
document.getElementById('st-paid').textContent = fmtKr(totalPaid);
// Banner
document.getElementById('banner-monthly').textContent = Math.round(P).toLocaleString('nb-NO') + '\u202fkr/mnd';
document.getElementById('banner-aar').textContent = Y;
document.getElementById('banner-pp').textContent = Math.abs(rB * 100 - rA * 100).toLocaleString('nb-NO', { maximumFractionDigits: 1 });
document.getElementById('banner-gap').textContent = fmtKr(gaps[Y]);
// Innsikt

View file

@ -33,7 +33,7 @@
<div class="small-diff-banner">
<span class="sd-icon"></span>
<span>Med <strong>3 000 kr/mnd</strong> i 25 år: bare 3 prosentpoeng mer i avkastning gir over <strong id="banner-gap"></strong> ekstra.</span>
<span>Med <strong id="banner-monthly">3 000 kr/mnd</strong> i <strong id="banner-aar">25</strong> år: bare <strong id="banner-pp">3</strong> prosentpoeng mer i avkastning gir over <strong id="banner-gap"></strong> ekstra.</span>
</div>
<main>