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('.', '').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('.', '').replace(',', '.');
	var capextotal = parseFloat($(capexRedeAcesso).val().replace(",", ".")) + parseFloat($(capexRedeBasica).val().replace(",", "."));
	$("#txtCapexTotalProjeto").val((capextotal).toFixed(2).replace(".", ","));
    });