diff --git a/index.html b/index.html index c867509..07be005 100644 --- a/index.html +++ b/index.html @@ -79,12 +79,13 @@
- +
- + %
+ Maximum gegeben das Startkapital
diff --git a/style.css b/style.css index 6abce0c..bc296c8 100644 --- a/style.css +++ b/style.css @@ -135,6 +135,14 @@ label { font-weight: 400; } +.cap-msg { + font-size: 0.72rem; + color: var(--text-hint); + display: none; +} + +.cap-msg.visible { display: block; } + /* ===== Slider row ===== */ .slider-row { display: flex; diff --git a/ui.js b/ui.js index 15feb56..caae02a 100644 --- a/ui.js +++ b/ui.js @@ -304,10 +304,12 @@ const clamp_down_pct = () => { const slider = document.getElementById('down_pct_slider'); const num = document.getElementById('down_pct'); + const at_cap = +num.value >= max_pct - 0.05; if (+num.value > max_pct) { num.value = Math.round(max_pct * 10) / 10; slider.value = num.value; } + document.getElementById('down_pct_cap').classList.toggle('visible', at_cap); }; // ===== Slider ↔ number sync =====