Como faço para transformar meus campos input text em moeda?

Front-end
#1

:roll:<html>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=windows-1252”>
<title>Exemplo de utilização</title>
<style>
#alinhar_direita {text-align: right}
</style>

<script language=“javascript”>

function checa(){
//var valor1 = number;

 valor1 = new Number(document.formCalc.campo1.value);  
 valor2 = new Number(document.formCalc.campo2.value);
 valor3 = new Number(document.formCalc.campo3.value);
 valor4 = new Number(document.formCalc.campo4.value);
 valor5 = new Number(document.formCalc.campo5.value);
 valor6 = new Number(document.formCalc.campo6.value);
 valor7 = new Number(document.formCalc.campo7.value);
 valor8 = new Number(document.formCalc.campo8.value);
 valor9 = new Number(document.formCalc.campo9.value);
 valor10 = new Number(document.formCalc.campo10.value);

var resultado = new Number(valor1 + valor2 + valor3 + valor4 + valor5 + valor6 - valor7 - valor8 - valor9 - valor10);
alert ('Total do Caixa: = ’ + resultado)

if (resultado >= 0)
{
return true;
}
else
{
alert(" OBS: Retirada do Caixa está maior que o Total de entradas no Caixa. "+resultado);
}
}
</script>

<form name=“formCalc”>


<span class="style18"><strong>Digite as Entradas</strong> !!!</span>

<input id='alinhar_direita' name="campo1" type='text' size=20 maxlenght=20>  <span class="style3">Troco Inicial -</span> <span class="style1 style10">A</span>
<input id='alinhar_direita' name="campo2" type='text' size=20 maxlenght=20>  <span class="style3">Dinheiro -</span> <span class="style11">B</span>
<input id='alinhar_direita' name="campo3" type='text' size=20 maxlenght=20>  <span class="style3">Cheque -</span> <span class="style11">C</span>
<input id='alinhar_direita' name="campo4" type='text' size=20 maxlenght=20>  <span class="style3">Cartão -</span> <span class="style11">D</span>
<input id='alinhar_direita' name="campo5" type='text' size=20 maxlenght=20>  <span class="style3">Reforço do Caixa -</span> <span class="style11">E</span>
<input id='alinhar_direita' name="campo6" type='text' size=20 maxlenght=20>  <span class="style3">Recebimento Posterior -</span> <span class="style11">F</span>
<span class="style20">Digite as Saídas !!!</span>

<input id='alinhar_direita' name="campo7" type='text' size=20 maxlenght=20>  <span class="style3">Sangrias -</span> <span class="style14">G</span>
<input id='alinhar_direita' name="campo8" type='text' size=20 maxlenght=20>  <span class="style3">Despesas da Loja -</span> <span class="style14">H</span>
<input id='alinhar_direita' name="campo9" type='text' size=20 maxlenght=20>  <span class="style3">Cupons Cancelados -</span> <span class="style14">I</span>
<input id='alinhar_direita' name="campo10" type='text' size=20 maxlenght=20>  <span class="style3">Troco Final -</span> <span class="style14">J</span>

<input name="Button" type="button" class="style2" onClick="checa()" value="Click Aqui !!! Cálcula Total Caixa">

<span class="style16 style21"><span class="style10 style25">Atenção!!! </span></span>

<span class="style16 style21"><span class="style10"><span class="style23">( O campo Recebimento Posterior da Entrada ele conta como entrada, porém não foi recebido ainda. No entanto se jogar esse valor, ele terá que ser subtraído do Total do Caixa.....</span></span></span>. <span class="style16 style21"><span class="style10"><span class="style23"> O mesmo acontece com o campo Cupons Cancelados da Saída).</span></span></span>


</form>

</body>

</html>

#2