Problem when calculating percentage using parseFloat and toFixed

Question

I want to do something very simple, but as simple as it is, I’m not getting it. I have an input that receives the cost value, an input that calculates and shows the profit margin in % and an input that receives the sales price.

The question is as follows, the way I got it today, the calculation is done correctly only up to the amount (R$ 999.99), when it reaches the thousands, the calculation of a wrong value, for example:

And on top of everything else, the calculation ignores the decimals. If I put a sale price being R $ 199,00 of the same profit margin that I put R $ 199,99, ie, 199,90 he sees as 199 and 199,00 he also sees as 199. It seems to be something so simple and I’m not able to do it.

Code I currently have:

var precoVenda = parseFloat($("input[name='iptPrcVendaProdutoEditar']").val());             
var precoCusto = parseFloat($("input[name='iptPrcCustoProdutoEditar']").val());
var margemLucro = parseFloat((((precoVenda - precoCusto)/precoCusto)*100)).toFixed(2);
$("input[name='iptMargemLucroProdutoEditar']").val(margemLucro.replace('.',','));

Answer 1

function to swap characters

function replaceAll(str, find, replace) {
    return str.replace(new RegExp(find, 'g'), replace);
}

how to call function

replaceAll('20,00',',','.');

another simple way

variavel.replace(/,/g, '.');

Answer 2

Can also be used split and join to convert the fields.

I put snippet to illustrate.

function calculo() {

var pv = parseFloat($("input[name='iptPrcVendaProdutoEditar']").val().split('.').join('').split(',').join('.'));

var pc = parseFloat($("input[name='iptPrcCustoProdutoEditar']").val().split('.').join('').split(',').join('.'));

$("input[name='iptMargemLucroProdutoEditar']").val(

(!isNaN(pv) && !isNaN(pc) ?

((pv - pc) / pc * 100).toFixed(2) + '%' :

'')

);

};

$('input').not(':last').on('keyup', function() { calculo(); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Preço venda: <input type="text" name="iptPrcVendaProdutoEditar" /><br /><br />
Preço custo: <input type="text" name="iptPrcCustoProdutoEditar" /><br /><br />
Margem lucro: <input type="text" name="iptMargemLucroProdutoEditar" readonly="readonly" />