Estou com uma atividade de aula para fazer e gostaria de uma ajuda, 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 sei 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 (validarCampos() && validarNan()){
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)");
}
notasUtilizadas();
$("#valorCompra").val("");
$("#valorPago").val("");
$("#valorCompra").focus();
}
}
validarCampos() e validarNan() são apenas funções de tratamento. A função notasUtilizadas() seria a função que não estou conseguindo fazer... Devo utilizar array, if, for nessa atividade.
Se alguém puder me ajudar, me dar umas dicas, agradeço muito!
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>
<style type="text/css">
fieldset { width:250px; }
label { display:block; float:left; }
label, input, textarea, select { width:150px; margin: 5px 0; }
th, td { border:1px solid #ccc; font-size:0.9em; }
</style>
</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>