[RESOLVIDO ] Calculo em tempo real com porcentagem e trazendo valor da porcentagem

Ola pessoal boa noite

Antes estava querendo fazer os calculo por porcentagem deu certo ate aqui

Bom o que eu preciso agora é pegar o valor que foi feito a porcentagem

Ex:

Valor: 2000

Porcentagem: 25%

Total Desconto: 500,00

Valor Total: 1.500,00

Quero pegar o valor do desconto

E também nos inputs quando digitar o valor da porcentagem ele já preencher os outro campos que seria

Total de Desconto e

Valor Total

No script esta da seguinte forma

<script type="text/javascript">
function calcValor(){
 // zerando total
 document.getElementById("total").value = '0';

 // valor líquido
 var VTOTALLIQUIDO = parseFloat(document.getElementById("valor1").value);

 // desconto em porcentagem
 var DESCONTO1 = parseFloat(document.getElementById("desconto1").value);
 if( isNaN ( DESCONTO1 ) ){
 DESCONTO1 = 0;
 }
 var PDESCONTO = parseFloat( ( VTOTALLIQUIDO * DESCONTO1 ) / 100 );

 // desconto em valor
 var VDESCONTO = parseFloat(document.getElementById("desconto2").value);
 if( isNaN ( VDESCONTO ) ){
 VDESCONTO = 0;
 }

 var TOTAL = parseFloat(VTOTALLIQUIDO) - parseFloat(PDESCONTO) - parseFloat(VDESCONTO);

 document.getElementById("total").value = 'R$ ' + TOTAL.toFixed(2);
}
</script>

	Neste aqui seria para ele trazer o valor do desconto que foi feito...

 // desconto em valor
 var VDESCONTO = parseFloat(document.getElementById("desconto2").value);
 if( isNaN ( VDESCONTO ) ){
 VDESCONTO = 0;
 }

	Segue o HTML

<form class="selectable" method="post" action="?AddCategoria" enctype="multipart/form-data">
 <div class="col-md-6">
 <div class="form-group">
 <label>Titulo:</label>
 <input class="form-control" name="categoria" required>
 </div>
 </div>
	<div class="col-md-6">
 <div class="form-group">
	<label>Valor:</label>
 <input class="form-control" id="valor1" name="valor1" value="2000">
 </div>
	</div>
 <div class="col-md-6">
 <div class="form-group">
 <label>Desconto: <em>%</em></label>
 <input class="form-control" id="desconto1" name="desconto1" max="100" onblur="calcValor()">
 </div>
 </div>
 <div class="col-md-6">
 <div class="form-group">
 <label>Total de Desconto: <em>R$</em></label>
 <input class="form-control" id="desconto2" name="desconto2" readonly>
 </div>
 </div>
 <div class="col-md-6">
 <div class="form-group">
 <label>Valor Total:</label>
 <input class="form-control" id="total" name="total" value="0.00">
 </div>
 </div>
 <div class="col-md-12">
 <center><hr>
 <button class="btn btn-primary">Adicionar</button>
 <br><br>
 </center>
 </div>
</form>

	 

	Se puder de como fazer para que quando digitar o valor ex:

	Valor: 2000

	ele ficar assim

	Valor: 2.000,00

	isso no valor total também 

	para que seja gravado no banco 2.000,00

	 

	Se alguém poder me dar uma solução no script fico grato...