button mit plus 0.01

Habe 4 Textfelder wo zahlen von 00.00 bis 99.99 eingetragen werden können. Dann 3 Button mit Plus, Minus ,Reset. Bei Plus und Minus sollen die Zahlen aus den Textfeld ausgelesen werden und um 0.01 ab oder dazu gezogen werden. Ohne Komma Zahlen ist das keine Problem doch mit den 2 Stellen hinter den Komma klappt das nicht, Habe schon mit parseInt und Math.round und soweiter ausprobiert doch , es klappt nie alles. Ich könnte die Textfelder zwar splitten und mit ne Menge if Abfragen zum Ergebniss kommen , doch es muss ja einfacher gehen. Konnte auch paar sachen ergoggeln die auch nicht laufen. Was habe ich übersehen ??

Der hier verwendete Code

<input style="width:60px" title="Gebe eine Zahl zwischen 00.00 und 99.99 ein" type="text" id="ueber1" value="3"> <input style="width:60px" title="Gebe eine Zahl zwischen 00.00 und 99.99 ein" type="text" id="ueber2" value="3.04"> <input style="width:60px" title="Gebe eine Zahl zwischen 00.00 und 99.99 ein" type="text" id="ueber3" value="33.70"> <input style="width:60px" title="Gebe eine Zahl zwischen 00.00 und 99.99 ein" type="text" id="ueber4" value="0"> <br> <input type="button" id="ueberminus" value="Minus"> <input type="button" id="uebereset" value="Reset"> <input type="button" id="ueberplus" value="Plus"> <script> document.getElementById('uebereset').addEventListener('click',function(e){ for(var f1=1;f1<=4;f1++){ document.getElementById('ueber'+f1).value='00.00'; } }) document.getElementById('ueberplus').addEventListener('click',function(e){ for(var f2=1;f2<=4;f2++){ var pluseins=document.getElementById('ueber'+f2); pluseins.value= (parseFloat(pluseins.value) + parseFloat('00.01')).toFixed(2); } }) document.getElementById('ueberminus').addEventListener('click',function(e){ for(var f3=1;f3<=4;f3++){ var minuseins=document.getElementById('ueber'+f3); minuseins.value= (parseFloat(minuseins.value) - parseFloat('00.01')).toFixed(2); } }) </script>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!