1
resposta

Problema ao inserir valor de uma função em um TD

Olá,

estou com um problema bastante simples na verdade, eu gostaria de preencher um td de acordo com os valores de uma função que criei para calcular o lucro de um produto, porem o mesmo é preenchido sempre com valor 0 eu nao estou enchergando o porque disso.

var valorInicial, valorFinal = 0;

var tdLucroDinheiro = document.querySelector(".td-lucroDinheiro");
var totalDinheiro = calculoLucroDinheiro(valorInicial,valorFinal);
tdLucroDinheiro.textContent = totalDinheiro;


function calculoLucroDinheiro(valorInicial,valorFinal){
    var valorInicial = document.getElementById("valorDeCompra").value;
    var valorFinal = document.getElementById("ValorDeVenda").value;
    var lucroDinheiro = 0;
    lucroDinheiro = valorFinal - valorInicial;
    return lucroDinheiro.toFixed(2);  
}
1 resposta

Boa tarde Rafael,

No caso acredito que o "problema" esteja ocorrendo, pois você primeiro declarou as variaveis "valorInicial" e "valorFinal" como "zero", depois chamou sua function com essas variáveis, porém dentro da function, você recriou as mesmas variáveis para fazer os cálculos, porém como elas já vinham preenchidas por parâmetro, acredito que o js ignorou essa nova criação e pegou apenas o valor dos parâmetros.

Tente assim:

 var valorInicial = document.getElementById("valorDeCompra").value;
 var valorFinal = document.getElementById("ValorDeVenda").value;
var tdLucroDinheiro = document.querySelector(".td-lucroDinheiro");
var totalDinheiro = calculoLucroDinheiro(valorInicial,valorFinal);
tdLucroDinheiro.textContent = totalDinheiro;


function calculoLucroDinheiro(valorInicial,valorFinal){
    var lucroDinheiro = 0;
    lucroDinheiro = valorFinal - valorInicial;
    return lucroDinheiro.toFixed(2);  
}

Espero ter ajudado e bons estudos.