JavaScript Ergebnis in INPUT Feld + Zahl mittels CSS formatieren

[Franz]

Hallo, ich habe hier im Archiv folgenden Code gefunden,

 function calculate() {
 	input1 = parseFloat( document.formular.input1.value.replace(/,/ , ".") );
 	input2 = parseFloat( document.formular.input2.value.replace(/,/ , ".") );
	input3 = parseFloat( document.formular.input3.value.replace(/,/ , ".") );

	if (typeof(input1)=="number" && input1+""=="NaN") { var input1 =0; }	
	if (typeof(input2)=="number" && input2+""=="NaN") { var input2 =0; }
	if (typeof(input3)=="number" && input3+""=="NaN") { var input3 =0; }
	
	document.getElementById("output").innerHTML= (input1 + input2 + input3).toString().replace(/\./ , ",");	
 }
 

<form name="formular" action="">
<input type="text" name="input1" class="form-control" placeholder="0" onkeyup="calculate()"/>
<input type="text" name="input2" class="form-control" placeholder="0" onkeyup="calculate()"/>
<input type="text" name="input3" class="form-control" placeholder="0" onkeyup="calculate()"/>
<span  class="form-control" id="output">000</span> 
</form>	

Doch ich habe zwei Probleme damit. Ersten möchte ich das Ergebnis in einem INPUT Feld ausgeben lassen.

<span class="form-control" id="output">000</span>

Wenn ich den Code aber ienfach in ein INPUT Feld gebe, bleibt das Feld leer, obwohl ich im Script nichts finde

<input id="output" readonly >

Und weiter möchte ich die Ausgabe Zahlen mittels CSS formatieren, so das aus 1000 1.000€ wird.

Ich hoffe mal das ist kein Hexenwerk

Franz