Javascript: Calcular Desconto
HTML
<p>Calcular valor do desconto:</p>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="dir">campo 1:</td>
<td><input type="text" name="valor1" id="valor1" value="550.25" /></td>
</tr>
<tr>
<td class="dir">desconto %:</td>
<td><input type="text" name="desconto1" id="desconto1" onkeyup="calcValor()" /></td>
</tr>
<tr>
<td class="dir">valor total:</td><td><input type="text" name="total" id="total" value="0.00" /></td>
<tr>
</table>
CSS
table tr td {
padding: 5px;
}
table tr td.dir {
padding-right: 15px;
text-align: right;
width: 120px;
}
JavaScript
function calcValor(){
// zerando total
document.getElementById("total").value = '0';
// valor lĂquido
var VTOTALLIQUIDO = parseFloat(document.getElementById("valor1").value);
// desconto 1 - porcentagem
var DESCONTO1 = parseFloat(document.getElementById("desconto1").value);
var PDESCONTO = parseFloat( (VTOTALLIQUIDO * DESCONTO1)/100 );
var TOTAL = parseFloat(VTOTALLIQUIDO) - parseFloat(PDESCONTO);
document.getElementById("total").value = 'R$ ' + TOTAL.toFixed(2);
}