Estou com uma atividade de aula para fazer, aonde devo receber do usuário o valor da compra e o valor pago, e então exibir o troco. Até aí ok, só que também pede para exibir numa textarea as notas utilizadas no troco, informando sempre o mínimo de notas possíveis, exemplo:
vlrCompra = 53,00
vlrPago = 100,00
vlrTroco = 47,00
notasTroco =
4 notas de 10,00
1 nota de 5,00
2 notas de 1,00
Não tenho ideia de como fazer essa última parte, alguém para me ajudar? AS NOTAS QUE EU TENHO DISPONIVEIS SAO 1, 5, 10, 50
Eis o que fiz até agora:
function calculaTroco(){
var valorCompra = parseFloat($("#valorCompra").val());
var valorPago = parseFloat($("#valorPago").val());
var valorTroco = 0;
if (valorPago == valorCompra){
valorTroco = 0;
$("#valorTroco").val(valorTroco);
alert("Não gerou troco");
}else if(valorPago > valorCompra){
valorTroco = valorPago - valorCompra;
$("#valorTroco").val(valorTroco);
}else{
alert("Não gerou troco (Valor pago menor que valor da compra)");
}
$("#valorCompra").val("");
$("#valorPago").val("");
$("#valorCompra").focus();
}
Lembrando que preciso fazer esta parte das notas em outra function, até agora já aprendemos array, for...
Parte do HTML:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8"/>
<title>Calcular Troco</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<form id="formulario">
<fieldset>
<legend>Calcular Troco</legend>
<label for="valorCompra" >Valor da compra:</label>
<input type="text" id="valorCompra" name="valorCompra" /><br />
<label for="valorPago" >Valor pago:</label>
<input type="text" id="valorPago" name="valorPago" /><br /><br />
<button type="button" id="button" onclick="calculaTroco()">Calcular troco</button><br /><br />
<label for="valorTroco" >Valor do troco:</label>
<input type="text" id="valorTroco" name="valorTroco" readonly="readonly"/><br /><br />
<label for="notasUtilizadas">Notas utilizadas:</label>
<textarea rows="3" id="notasUtilizadas" readonly="readonly" ></textarea><br/>
</fieldset>
</form>
<script type="text/javascript" src="troco.js"></script>
</body>
</html>