JSFiddle - React, Tailwind, and code Playground

by bigwelly

HTML

<script src="https://cdn.jsdelivr.net/jquery.maskmoney/3.0.2/jquery.maskMoney.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<table>
<tr>
            <td width="25%">Novo Valor Proj Rede Acesso:
    		    <br>
    		    &nbsp;
    		    R$<input style="width: 150px;" type="text" id="txtCapexRedeAcesso" name="txtCapexRedeAcesso" class="textBox"/>
    		</td>
    		<td width="25%">Novo Valor Proj Rede Básica:
    		    <br>
    		    &nbsp;
    		    R$<input style="width: 150px;" type="text" id="txtCapexRedeBasica" name="txtCapexRedeBasica" class="textBox"/>
    		</td>
    		<td width="25%">Novo Valor Total Projeto:
    		    <br>
    		    R$<input style="width: 150px;" type="text" id="txtCapexTotalProjeto" name="txtCapexTotalProjeto" class="textBox" />
    		</td>
    		<td width="25%">Novo Valor Receita:
    		    <br>
    		    R$<input style="width: 150px;" type="text" id="txtCapexValorReceita" name="txtCapexValorReceita" class="textBox" />
    		</td>
    	    </tr>
          </table>

JavaScript

//Calculo CapexTotalProjeto
    $("#txtCapexRedeAcesso").blur(function () {
	var capexRedeAcesso = $("#txtCapexRedeAcesso").val().replace('.', '').replace(',', '.');
	var capexRedeBasica = $("#txtCapexRedeBasica").val().replace(',', '.');
	var capextotal = parseFloat($('capexRedeAcesso').val().replace(",", ".")) + parseFloat($('capexRedeBasica').val().replace(",", "."));
	$("#txtCapexTotalProjeto").val(capextotal).toFixed(2).replace(".", ",");
    });
    
    $("#txtCapexRedeBasica").blur(function () {
	var capexRedeAcesso = $("#txtCapexRedeAcesso").val().replace('.', '').replace(',', '.');
	var capexRedeBasica = $("#txtCapexRedeBasica").val().replace(',', '.');
	var capextotal = parseFloat($('capexRedeAcesso').val().replace(",", ".")) + parseFloat($('capexRedeBasica').val().replace(",", "."));
	$("#txtCapexTotalProjeto").val(capextotal).toFixed(2).replace(".", ",");
    });