From 7c31eb54587da4b29991dd9c5f6dfa9a201ff2eb Mon Sep 17 00:00:00 2001
From: vv01f <vv01f@noreply.git.wtf-eg.de>
Date: Tue, 28 Mar 2023 11:21:14 +0200
Subject: [PATCH] change options to brutto/netto/kole

reverse choice from solution to given
a bit ux
html entities as gitea warns about utf8 characters
---
 kole.html | 42 ++++++++++++++++++++++++++++++------------
 1 file changed, 30 insertions(+), 12 deletions(-)
diff --git a/kole.html b/kole.html
index 83fa4b1..320793c 100644
--- a/kole.html
+++ b/kole.html
@@ -8,30 +8,48 @@
 <body>
 	<p>Bei Eingaben werden Komma und Punkt als Dezimaltrennzeichen betrachtet.</p>
 	<table>
-		<tr><td>Berechne:</td><td><input type="radio" name="b" value="k" id="bk" class="bb" checked="checked" /><label for="bk">KoLe</label><input type="radio" name="b" value="e" id="be" class="bb" /><label for="be">Einnahmen</label></td></tr>
-		<tr><td>Einnahme</td><td><input type="number" step="0.01" id="e" value="1"/> €</td></tr>
-		<tr><td>Umsatzsteuer</td><td><input type="number" step="0.01" id="u" value="19"/> %</td></tr>
-		<tr><td>Entropieumlage</td><td><input type="number" step="0.01" id="z" value="23"/> %</td></tr>
-		<tr><td>KoLe</td><td><input type="number" step="0.01" id="k" value=""/> €</td></tr>
+		<tr><td>Ausgangsbetrag:</td><td><input type="radio" name="b" value="e" id="bb" class="bb" checked="checked"/><label for="bb">Brutto</label><input type="radio" name="b" value="b" id="bn" class="bb"/><label for="bn">Netto</label><input type="radio" name="b" value="k" id="bk" class="bb"/><label for="bk">KoLe</label></td></tr>
+		<tr><td>Brutto</td><td><input type="number" step="0.01" id="e" value="100.00"/>&thinsp;€</td></tr>
+		<tr><td>Umsatzsteuer</td><td><input type="number" step="0.01" id="u" value="19.00"/>&thinsp;%</td></tr>
+		<tr><td>Netto</td><td><input type="number" step="0.01" id="n" value="0.00"/>&thinsp;€</td></tr>
+		<tr><td>Entropieumlage</td><td><input type="number" step="0.01" id="z" value="23.00"/>&thinsp;%</td></tr>
+		<tr><td>KoLe</td><td><input type="number" step="0.01" id="k" value="0.00"/>&thinsp;€</td></tr>
 		<tr><td>&nbsp;</td><td><input value="Berechnen" id="b" type="button"/></td></tr>
 	</table>
 	<script>
 		var e=document.getElementById('e');
 		var u=document.getElementById('u');
+		var n=document.getElementById('n');
 		var z=document.getElementById('z');
 		var k=document.getElementById('k');
+		var bb=document.getElementById('bb'); 
+		var bn=document.getElementById('bn'); 
 		var bk=document.getElementById('bk'); 
-		var be=document.getElementById('be'); 
-		var b = document.getElementById("b");
+		var s = document.getElementById('b');
 
-		b.addEventListener("click", function(){
+		function getFormFloat(f){
+			return parseFloat(f.value.replace(/,/g, '.').replace(/ /g, ''));
+		}
+		function roundCents(f){
+			return Math.round( f * 100 ) / 100;
+		}
+
+		s.addEventListener('click', function(){
 			if(bk.checked){
-				k.value = Math.round( parseFloat(e.value.replace(/,/g, '.')) / ( 1 + parseFloat(u.value.replace(/,/g, '.')) / 100 ) * ( 1 - parseFloat(z.value.replace(/,/g, '.')) / 100 ) * 100 ) / 100;
-			}else// if(be.checked)
-			{
-				e.value = Math.round( parseFloat(k.value.replace(/,/g, '.')) * ( 1 + parseFloat(u.value.replace(/,/g, '.')) / 100 ) / ( 1 - parseFloat(z.value.replace(/,/g, '.')) / 100 ) * 100 ) / 100;
+				e.value = roundCents( getFormFloat(k) * ( 1 + getFormFloat(u) / 100 ) / ( 1 - getFormFloat(z) / 100 ) );
+				n.value = roundCents( getFormFloat(k) / ( 1 - getFormFloat(z) / 100 ) );
+			}else if(bb.checked){
+				k.value = roundCents( getFormFloat(e) / ( 1 + getFormFloat(u) / 100 ) * ( 1 - getFormFloat(z) / 100 ) );
+				n.value = roundCents( getFormFloat(e) / ( 1 + getFormFloat(u) / 100 ) );
+			}else if(bn.checked){
+				e.value = roundCents( getFormFloat(n) * ( 1 + getFormFloat(u) / 100 ) );
+				k.value = roundCents( getFormFloat(n) * ( 1 - getFormFloat(z) / 100 ) );
 			}
 		});
+		e.addEventListener('change', function(){bb.checked = true;});
+		n.addEventListener('change', function(){bn.checked = true;});
+		k.addEventListener('change', function(){bk.checked = true;});
+		s.click();
 	</script>
 </body>
 </html>

Berechne:	KoLeEinnahmen
Einnahme	€
Umsatzsteuer	%
Entropieumlage	%
KoLe	€
Ausgangsbetrag:	BruttoNettoKoLe
Brutto	€
Umsatzsteuer	%
Netto	€
Entropieumlage	%
KoLe	€