olemd/forskjeller.naiv.no
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Knytt alle bannerverdier til sliderne i lonn, sparing og bolig

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

8
public/bolig/app.js
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

2
public/bolig/index.html
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> på 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> på <strong id="banner-aar">15</strong> år.</span>
</div>
<main>

1
public/lonn/app.js
View file

@ -122,6 +122,7 @@ function update() {
document.getElementById('st-cumgap').textContent = fmtKr(cumGaps[Y]);
// Banner
document.getElementById('banner-diff').textContent = fmtKr(B0 - A0);
document.getElementById('banner-gap').textContent = fmtKr(cumGaps[Y]);
// Innsikt — innerHTML er trygt her: verdiene er kun formaterte tall fra slidere

2
public/lonn/index.html
View file

@ -33,7 +33,7 @@
<div class="small-diff-banner">
<span class="sd-icon">↗</span>
<span>Selv en liten forskjell på <strong>50 000 kr</strong> i startlønn blir til over <strong id="banner-gap">—</strong> i løpet av en karriere — med identisk prosentvekst.</span>
<span>Selv en liten forskjell på <strong id="banner-diff">50 000 kr</strong> i startlønn blir til over <strong id="banner-gap">—</strong> i løpet av en karriere — med identisk prosentvekst.</span>
</div>
<main>

3
public/sparing/app.js
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

2
public/sparing/index.html
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>