Exercício: Juros Simples e Composto

Você trabalha para uma empresa que está desenvolvendo um software de gestão de financeira pessoal. O Analista pede para você criar uma função simples para mostrar aos usúarios o perigo de pagar juros.

Para isso você precisará completar o código abaixo de forma que, ao usuario digitar os valores de entrada, será exibido para ele quanto ele estará pagando se a mais no juro simples e no juros composto.

Regras:

O arquivo HTML não pode ser mexido/alterado
O arquivo JavaScript pode ter código adicionado, mas não alterado

Conhecimentos Trabalhados

Manipulação básica do DOM
Entendimento básico de Objetos
Utilização do objeto Math
Saber calcular Juros Simples e Compostos

Código HTML:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
</head>

<body>
    <label>Capital</label>
    <br/>
    <input type="number" />
    <br/>
    <br/>
    <label>Taxa de Juros %</label>
    <br/>
    <input type="number" />
    <br/>
    <br/>
    <label>Tempo (meses)</label>
    <br/>
    <input type="number" />
    <br/>
    <br/>
    <button id="btnExibirDados">Comparativo</button>
    </div>

    
    <p>Montante Original: <span id="montante"></span></p>
    <hr/>
    <p>Juros Simples    : <span id="jurosSimples"></span></p>
    <p>Mais que Montante: <span id="diferencaBase"></span></p>
    <hr/>
    <p>Juros Composto   : <span id="jurosComposto"></span></p>
    <p>Mais que Simples : <span id="diferencaJurosSimples"></span></p>
    <p>Mais que Montante: <span id="diferencaBase2"></span></p>

    <script src="main.js"></script>
</body>

</html>

Código JavaScript:

window.onload = function () {
    this.document.getElementById("btnExibirDados").onclick = function () {
        let valores = {
            montante : 0,
            jurosSimples : 0,
            jurosComposto : 0
        }

        //
        //
        // Coloque seu código aqui de forma a produzir o valor esperado quando 
        // a função setValores for chamada
        // ObS.: você pode criar funções fora dessa area para reduzir código
        //
        //

        setValores(valores);
    }

    //Define os valores de juros
    // Não mexa nessa função, altere seu código para se adequar a saida de valores
    function setValores(valores) {
        document.getElementById("montante").innerHTML = valores.montante;
        document.getElementById("jurosSimples").innerHTML = valores.jurosSimples;
        document.getElementById("diferencaBase").innerHTML = valores.jurosSimples - valores.montante;
        document.getElementById("jurosComposto").innerHTML = valores.jurosComposto;
        document.getElementById("diferencaJurosSimples").innerHTML = valores.jurosComposto - valores.jurosSimples;
        document.getElementById("diferencaBase2").innerHTML =  valores.jurosComposto - valores.montante;
    }
}

Segue abaixo uma possível solução (existem outras). Caso você tenha feito de forma diferente, utilize uma calculadora online de Juros para garantir que seus valores estão batendo.

[download id=”978″]

Deixe um comentário Cancelar resposta