Jump to content
huntressDc

Ajuda com atividade Javascript - Calcular troco e exibir notas disponíveis

Recommended Posts

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>

Share this post


Link to post
Share on other sites

 Passei os valores como inteiro

 

int ValorCompra = 23, ValorPago = 100, ValorTroco, Nota1, Nota5, Nota10, Nota50;
        String Texto = "Notas à devolver:";
        ValorTroco = ValorPago - ValorCompra;
        Nota50 = ValorTroco / 50;
        ValorTroco = ValorTroco - Nota50 * 50;
        Nota10 = ValorTroco / 10;
        ValorTroco = ValorTroco - Nota10 * 10;
        Nota5 = ValorTroco / 5;
        ValorTroco = ValorTroco - Nota5 * 5;
        Nota1 = ValorTroco / 1;

//agora é so pegar o valor e destribuir do jeito que achar mais facil        

 

 

if (Nota50 > 0) {
            if (Nota50 > 1) {
                Texto = Texto + " " + Nota50 + " Notas de 50 Reais;";
            } else {
                Texto = Texto + " " + Nota50 + " Nota de 50 Reais;";
            }
        }
        if (Nota10 > 0) {
            if (Nota10 > 1) {
                Texto = Texto + " " + Nota10 + " Notas de 10 Reais;";
            } else {
                Texto = Texto + " " + Nota10 + " Nota de 10 Reais;";
            }
        }
        if (Nota5 > 0) {
            if (Nota5 > 1) {
                Texto = Texto + " " + Nota5 + " Notas de 50 Reais;";
            } else {
                Texto = Texto + " " + Nota5 + " Nota de 5 Reais;";
            }
        }
        if (Nota1 > 0) {
            if (Nota1 > 1) {
                Texto = Texto + " " + Nota1 + " Notas de 1 Real;";
            } else {
                Texto = Texto + " " + Nota1 + " Nota de 1 Real;";
            }
        }

        System.out.println("Seu troco é de "+(ValorPago - ValorCompra)+" Reais");
        System.out.println(Texto);

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By thenerb
      Eu estou fazendo um html com uma imagem de fundo com o atributo background e utilizei a tag div com o intuito de colocar uma imagem centralizada e dentro dessa imagem e texto, porém o texto não está sobrepondo a imagem,segue o código:
       
       
      <!DOCTYPE.html>
      <html>
        <head>
          <title>testando</title>
          <link rel='icon' href='favicon (2).ico' type='image/x-icon' >
          <meta charset=utf-8>
        </head>
        <body background="_Space Love_, de Scott Brian madeiras.jpg" >
          <font size="4" color="lavender" face="bradlay hand ITC regular">
            <p style="text-shadow: 0.1em 0.1em 0.15em #ffffff">datas
                   <br/>
              <div style="position:relative; z-index:-1 " align="center" >
               <img width="45%" height="1000px"src="img_como_colocar_fundo_preto_nas_fotos_16171_orig.jpg" />
              </div>
                <div style="position:relative; z-index:1; width="100%";heght="100%" align="center">
                   <p align="center"style="text-shadow: 0.1em 0.1em 0.15em #ffffff "> teste
                   </p>
                </div>
              
          </font>
        </body>
      </html>
    • By ProCODEH
      Eai, galera!
      Estou tentando criar um player de música com playlist, porém não estou tendo muito sucesso, pois quando clico em alguma música o player de música abre em outra página e não na página principal onde quero que fique o player e onde quero que toque (como padrão).

      Vocês podem me dar uma ajuda nisso?
      Tenho esse código:
       
      //* PLAYER DE MÚSICA. inicio(); function inicio(){ var corrente = 0; var audio = $("#musica"); var playlist = $("#playlist"); var tracks = playlist.find("li a"); var len = tracks.length -1; musica[0].play(); playlist.find("a").click(function(e){ e.preventDefault(); link = $(this); corrente = link.parent().index(); run(link, musica[0]); }); musica[0].addEventListener("ended", function(e){ corrente++; if(corrente == len){ corrente = 0; link = playlist.find("a")[0]; }else{ link = playlist.find("a")[corrente]; } run($(link), musica[0]); }); } function run(link, player) { player.src = link.attr("href"); par = link.parent(); par.addClass("active").siblings().removeClass("active"); player.load(); player.play(); } ul{list-style: none; padding: 0px} a{text-decoration: none; color: #444; font-family: arial} li:hover{background: #eee; border-bottom: solid 1px #f60;} li{width: 20%; padding: 5px; border-bottom: solid 1px #ccc;} .active a{color:#f60; padding-left: 1px; font-style: italic;} <audio id="musica" preload="auto" tabindex="0" controls="controls"> <source src="Blackbear-doremi.mp3" type="audio/mpeg"/> Desculpaaa, o áudio não é suportado pelo seu navegador :( </audio> <ul id="playlist"> <li class="active"><a href="Blackbear-doremi.mp3"> BlackBear - Do Re Mi</a></li> <li><a href="BMTH-Medicine.mp3"> Bring Me The Horizon - Medicine</a></li> <li><a href="Hozier-TakeMeToChurch.mp3"> Hozier - Take Me To Church</a></li> </ul>  
    • By RewelB
      Olá, gostaria de saber como faço pra que quando o usuário digite algo em um campo de texto a imagem fique girando. Eu tenho a imagem de uma engrenagem e queria que ela fizesse uma animaçãozinha no estilo da que tem nesse site: http://www.empsis.com.br/. Sou iniciante e peço desculpas se isso for muito simples de fazer. Estou usando PHP, HTML e CSS.
    • By RewelB
      Olá, gostaria de saber como faço pra que quando o usuário digite algo em um campo de texto a imagem fique girando. Eu tenho a imagem de uma engrenagem e queria que ela fizesse uma animaçãozinha no estilo da que tem nesse site: http://www.empsis.com.br/. Sou iniciante e peço desculpas se isso for muito simples de fazer. Estou usando PHP, HTML e CSS.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.