JSFiddle - React, Tailwind, and code Playground

by bigwelly

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.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

$("#txtCapexRedeAcesso").blur(function () {
	var capexRedeAcesso = $("#txtCapexRedeAcesso").val().replace('.', '').replace(',', '.');
	var capexRedeBasica = $("#txtCapexRedeBasica").val().replace('.', '').replace(',', '.');
	var capexTotal = parseInt(capexRedeAcesso) + parseInt(capexRedeBasica).replace(',','.'); 
	$("#txtCapexTotalProjeto").val(capexTotal);
    });
    $("#txtCapexRedeBasica").blur(function () {
	var capexRedeAcesso = $("#txtCapexRedeAcesso").val().replace('.', '').replace(',', '.');
	var capexRedeBasica = $("#txtCapexRedeBasica").val().replace('.', '').replace(',', '.');
	var capexTotal = parseInt(capexRedeAcesso) + parseInt(capexRedeBasica).replace(',','.'); 
	$("#txtCapexTotalProjeto").val(capexTotal);
    });