JSFiddle - React, Tailwind, and code Playground

by César Miguel Cação

HTML

Exemplo 01 - não funciona <br>
<input id="txt_Comprimento_1"  type="number"   onchange="MudaPreco(this.value,'txt_Largura_1','txt_Inclinicacao_1','PrecoProd_1')" /><br>
<input id="txt_Largura_1" type="number" onchange="MudaPreco(this.value,'txt_Largura_1','txt_Inclinicacao_1','PrecoProd_1')"   /><Br>
<input id="txt_Inclinicacao_1" type="number" onchange="MudaPreco(this.value,'txt_Largura_1','txt_Inclinicacao_1','PrecoProd_1')"  /><br><br>
<label id="PrecoProd_1" class="negrito">---</label>
<hr>
    Exemplo 02 - funciona perfeito<br>
<input id="txt_qtd_1" type="number" onchange="MudaLabeL('compl_Preco_1',this.value)" /><Br>
<label id="compl_Preco_1" class="negrito">R$ 136,00</label>

JavaScript

function MudaPreco(comprimentoID, LarguraID, InclinacaoID, LabelID)
    {
        comprimentoID = $('#txt_Comprimento_1').val();
        LarguraID = $('#txt_Largura_1').val();
        InclinacaoID = $('#txt_Inclinicacao_1').val();
        
        var Total = comprimentoID * LarguraID * InclinacaoID;
        
        if (isNaN(Total)) {
            document.getElementById(LabelID).innerHTML = "- -";
        }
        else {
            document.getElementById(LabelID).innerHTML = formatDinheiro(Total, "R$");
        }
    }

    function MudaLabeL(LabelID, value)
    {
        var Total = value * 13.6;   //valor de exemplo
     
            document.getElementById(LabelID).innerHTML = formatDinheiro(Total, "R$");

    }

    function formatDinheiro(n, currency) {
        return currency + " " + n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
    }