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

@ -125,6 +125,14 @@ function update() {
document.getElementById('st-eqdiff-sub').textContent = 'var ' + fmtKr(startEqGap) + ' ved start';
// Banner
const priceDiff = pB - pA;
if (priceDiff >= 1e6) {
document.getElementById('banner-diff').textContent = (priceDiff / 1e6).toLocaleString('nb-NO', { maximumFractionDigits: 1 }) + ' million' + (priceDiff >= 2e6 ? 'er' : '');
} else {
document.getElementById('banner-diff').textContent = fmtKr(priceDiff);
}
document.getElementById('banner-vekst').textContent = (g * 100).toLocaleString('nb-NO', { maximumFractionDigits: 1 });
document.getElementById('banner-aar').textContent = Y;
document.getElementById('banner-gap').textContent = fmtKr(eqGaps[Y]);
// Innsikt — bruker DOM-metoder for sikkerhet

View file

@ -33,7 +33,7 @@
<div class="small-diff-banner">
<span class="sd-icon"></span>
<span>Med <strong>1 million</strong> i prisforskjell og 4 % årlig vekst: egenkapitalgapet vokser til over <strong id="banner-gap"></strong>15 år.</span>
<span>Med <strong id="banner-diff">1 million</strong> i prisforskjell og <strong id="banner-vekst">4</strong> % årlig vekst: egenkapitalgapet vokser til over <strong id="banner-gap"></strong><strong id="banner-aar">15</strong> år.</span>
</div>
<main>