Neuling: Komma und zweistellig mit kfm. Runden

[brokenbeatz]

Hallo,

als absoluter Newbie in Sachen Javascript bin ich auf mein bisheriges Ergebnis schon ganz stolz, aber leider fehlen noch zwei Details, die ich trotz vielfacher Suche und viele Versuchen nicht umgesetzt bekomme:
Folgender Code ist für eine Berechnungstabelle, hier sollen die Werte zum einen kaufmännisch auf zwei Stellen hinter dem Komma gerundet werden und zum anderen sollen es auch möglich sein, die Werte mit einem Komma statt einem Punkt einzugeben. Hier komme ich leider garnicht weiter, weshalb ich hier für jede Hilfe dankbar bin.

<script type="text/javascript">  
function perc1() {  
  document.getElementById("euro1").value = parseFloat(document.getElementById("rabatt1").value)*parseFloat(document.getElementById("summe1").value)/100;  
}  
</script>  
  
<script type="text/javascript">  
function barpreis1() {  
  document.getElementById("barpreis1").value = parseFloat(document.getElementById("summe1").value) - parseFloat(document.getElementById("euro1").value) - parseFloat(document.getElementById("nachlass1").value);  
}  
</script>  
  
<script type="text/javascript">  
function geb1() {  
  document.getElementById("geb1").value = parseFloat(document.getElementById("summe1").value) * 0.1;  
}  
</script>  
  
<script type="text/javascript">  
function add1() {  
  document.getElementById("summe1").value = parseFloat(document.getElementById("gl1").value) + parseFloat(document.getElementById("gr1").value) + parseFloat(document.getElementById("fass1").value) + parseFloat(document.getElementById("dstlg1-1").value) + parseFloat(document.getElementById("dstlg2-1").value) + parseFloat(document.getElementById("sonstg1").value);  
}  
</script>  
  
<script type="text/javascript">  
function rate1() {  
document.getElementById("rate1").value = parseFloat(document.getElementById("summe1").value) / parseFloat(document.getElementById("mon1").value) ;  
}  
  
</script>  
  
  
<table width="473" border="1"id="rechner">  
  <tr>  
    <td width="172">Brille</td>  
    <td width="108">Angebot 1</td>  
    <td width="76">Angebot 2</td>  
    <td width="89">Angebot 3</td>  
  </tr>  
  <tr>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  
    <td>Glas rechts</td>  
    <td><input type="text" id="gl1" value="0"></td>  
    <td><input type="text" id="gl2"value="0"></td>  
    <td><input type="text" id="gl3"value="0"></td>  
  </tr>  
  <tr>  
    <td>Glas links</td>  
	<td><input type="text" id="gr1"value="0"></td>  
    <td><input type="text" id="gr2"value="0"></td>  
    <td><input type="text" id="gr3"value="0"></td>  
  </tr>  
  <tr>  
    <td>Fassung</td>  
	<td><input type="text" id="fass1"value="0"></td>  
    <td><input type="text" id="fass2"value="0"></td>  
    <td><input type="text" id="fass3"value="0"></td>  
  </tr>  
  
  <tr>  
    <td><p>Dienstleistung 1</p></td>  
	<td><input type="text" id="dstlg1-1"value="0"></td>  
    <td><input type="text" id="dstlg1-2"value="0"></td>  
    <td><input type="text" id="dstlg1-3"value="0"></td>  
  </tr>  
  <tr>  
    <td>Dienstleistung 2</td>  
	<td><input type="text" id="dstlg2-1"value="0"></td>  
    <td><input type="text" id="dstlg2-2"value="0"></td>  
    <td><input type="text" id="dstlg2-3"value="0"></td>  
  </tr>  
  <tr>  
    <td>sonstiges</td>  
	<td><input type="text" id="sonstg1"value="0"></td>  
    <td><input type="text" id="sonstg2"value="0"></td>  
    <td><input type="text" id="sonstg3"value="0"></td>  
  </tr>  
  <tr>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  
    <td>Summe</td>  
    <td><input disabled type="text" id="summe1"></td>  
    <td><input type="text" id="summe2"></td>  
    <td><input type="text" id="summe3"></td>  
  </tr>  
  <tr>  
    <td>Nachla&szlig; %</td>  
	<td><input type="text" id="rabatt1"value="0"></td>  
    <td><input type="text" id="rabatt2"value="0"></td>  
    <td><input type="text" id="rabatt3"value="0"></td>  
  </tr>  
  
  <tr>  
    <td>Nachla&szlig; in &euro;</td>  
	<td><input disabled type="text" id="euro1"value="0"></td>  
    <td><input disabled type="text" name="euro2"value="0"></td>  
    <td><input disabled type="text" name="euro3"value="0"></td>  
  </tr>  
  <tr>  
    <td>Weiterer Nachlass &euro;</td>  
	<td><input type="text" id="nachlass1"value="0"></td>  
    <td><input type="text" id="nachlass2"value="0"></td>  
    <td><input type="text" id="nachlass3"value="0"></td>  
  </tr>  
  <tr>  
    <td>&nbsp;</td>  
    <td colspan="3"><div align="center">  
      <input type="button" value="berechnen" onClick="add1();perc1();barpreis1();geb1();rate1();">  
    </div></td>  
  </tr>  
  <tr>  
    <td>Barpreis</td>  
	<td><input disabled type="text" id="barpreis1"></td>  
    <td><input disabled type="text" id="barpreis2"></td>  
    <td><input disabled type="text" id="barpreis3"></td>  
  </tr>  
  <tr>  
  
  <tr>  
    <td>einmalige Teilnahmegeb&uuml;hr</td>  
<td><input disabled type="text" id="geb1"></td>  
    <td><input disabled type="text" id="geb2"></td>  
    <td><input disabled type="text" id="geb3"></td>  
  </tr>  
  <tr>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
    <td>&nbsp;</td>  
  </tr>  
  <tr>  
    <td>utd.24 Anzahl Raten</td>  
	<td><input type="text" id="mon1"value="24"></td>  
    <td><input type="text" id="mon2"value="24"></td>  
    <td><input type="text" id="mon3"value="24"></td>  
  </tr>  
  
  <tr>  
    <td>utd.24 mtl. Betrag</td>  
<td><input disabled type="text" id="rate1"></td>  
    <td><input disabled type="text" id="rate2"></td>  
    <td><input disabled type="text" id="rate3"></td>  
  </tr>  
</table>

Hinweise: die Spalten Angebot 2-3 werden noch mit den entsprechend abgeänderten Codes gefüllt.
Ich freue mich auch über Tipps, ob und wie ich die Codes vielleicht verinfachen kann.

Danke Euch und beste Grüße,

Tobias