forked from wtf-eg/simplekolecalc
change options to brutto/netto/kole
reverse choice from solution to given a bit ux html entities as gitea warns about utf8 characters
This commit is contained in:
parent
200e9b5a11
commit
7c31eb5458
42
kole.html
42
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"/> €</td></tr>
|
||||
<tr><td>Umsatzsteuer</td><td><input type="number" step="0.01" id="u" value="19.00"/> %</td></tr>
|
||||
<tr><td>Netto</td><td><input type="number" step="0.01" id="n" value="0.00"/> €</td></tr>
|
||||
<tr><td>Entropieumlage</td><td><input type="number" step="0.01" id="z" value="23.00"/> %</td></tr>
|
||||
<tr><td>KoLe</td><td><input type="number" step="0.01" id="k" value="0.00"/> €</td></tr>
|
||||
<tr><td> </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>
|
||||
|
Loading…
Reference in New Issue
Block a user