0

Eu preciso criar um script que faça o valor total da compra ser divido e o valor com divisão aparecer no campo Valor Total. Não consigo identificar o que falta no meu código

<form>
    Valor da Compra <br>
    <input type="text" id="valorCompra"><br>

    Parcelas <br>
    <select id="parcelas">
        <option value="#">1x</option>
        <option value="#">2x</option>
        <option value="#">3x</option>
        <option value="#">4x</option>
    </select><br>

    Valor Total <br>
    <input type="text" id="valorTotal" readonly><br>
    <button type="button" id="btn">Calcular</button>
</form>

<script>
    var $valorCompra = document.getElementById('valorCompra');
    var $valorTotal = document.getElementById('valorTotal');
    var $parcelas = document.querySelectorAll('option');
    var $btn = document.getElementById('btn');

    var $vlrCompra = parseFloat($valorCompra.value);
    var $parcel = parseFloat($parcelas.value);

    var $msg = '';
    var $valorFinal = 0;

    function btn(){
    $btn.addEventListener('click', function(){
        calcular();
    })
}
btn();

    function calcular() {
        if ($parcelas == 1) {
            $valorFinal = $valorCompra;
            $msg = 'O valor da compra é: ' + $valorFinal;
        } else if ($parcelas == 2) {
            $valorFinal = $valorCompra + ($valorCompra * 0.03);
            $msg = 'O valor da compra é: ' + $valorCompra + ' em 2x de: ' + $valorFinal / 2;
        } else if ($parcelas == 3) {
            $valorFinal = $valorCompra + ($valorCompra * 0.05);
            $msg = 'O valor da compra é: ' + $valorCompra + ' em 3x de: ' + $valorFinal / 3;
        } else {
            $valorFinal = $valorCompra + ($valorCompra * 0.07);
            $msg = 'O valor da compra é: ' + $valorCompra + ' em 4x de: ' + $valorFinal / 4;
        }
    }

1 Resposta 1

1

Fiz alguns ajustes, tenta da seguinte forma:

<form>
        Valor da Compra <br>
        <input type="text" id="valorCompra"><br>

        Parcelas <br>
        <select id="parcelas">
            <option value="1">1x</option>
            <option value="2">2x</option>
            <option value="3">3x</option>
            <option value="4">4x</option>
        </select><br>

        Valor Total <br>
        <input type="text" id="valorTotal" readonly><br>
        <button type="button" id="btn">Calcular</button>
    </form>

    <script>
        
        var $btn = document.getElementById('btn');

        function btn(){
        $btn.addEventListener('click', function(){
            calcular();
        })
    }
    btn();

        function calcular() {
            var $valorCompra = document.getElementById('valorCompra');
            var $parcelas = document.getElementById('parcelas');

            $valorCompra = parseFloat($valorCompra.value);
            $parcelas = parseFloat($parcelas.value);

            var $msg = '';
            var $valorFinal = 0;
        
            if ($parcelas == 1) {
                $valorFinal = $valorCompra;
                $msg = 'O valor da compra é: ' + $valorFinal;
            } else if ($parcelas == 2) {
                $valorFinal = ($valorCompra + ($valorCompra * 0.03)) / 2;
                $msg = 'O valor da compra é: ' + $valorCompra + ' em 2x de: ' + $valorFinal;
            } else if ($parcelas == 3) {
                $valorFinal = ($valorCompra + ($valorCompra * 0.05)) / 3;
                $msg = 'O valor da compra é: ' + $valorCompra + ' em 3x de: ' + $valorFinal;
            } else {
                $valorFinal = ($valorCompra + ($valorCompra * 0.07)) / 3;
                $msg = 'O valor da compra é: ' + $valorCompra + ' em 4x de: ' + $valorFinal;
            }
            
            document.getElementById('valorTotal').value = $valorFinal;
        }
</script>

1
  • 1
    André Lins, muito obrigado pela ajuda, deu certo, eu fiz as correções, os principais problemas eram as variáveis fora da função e como eu havia feito o cálculo, teve outras correções. Obrigado novamente. Commented 12/04/2019 às 0:42

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .