JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div class="selos">
    <p style="display:inline-block" class="flag desconto-a-vista-10- qd_sp_on" id="iddesconto10_">Desconto Ă  vista 10%</p>
    <p style="display:inline-block" class="flag frete-gratis">Frete</p>
</div>
<span class="shelfOldPriceWrapper" id="shelfOldPriceWrapper">De R$ 499,90</span>
<div id="resultado">

JavaScript

var descs=document.querySelector("#iddesconto10_");
var desci=descs.replace(/[^0-9]+/g,'');
var percentagemValorApagar= 100-desci;
var strValorT=document.querySelector("#shelfOldPriceWrapper");
strValorT=strValorT.replace(/[^0-9]+[^,][^0-9]/g, "[^0-9]+[,][0-9]+");
strValorT=strValorT.replace(/[^0-9]+[^,][^0-9]/g, "[^0-9]+[.][0-9]+");
var n1=parseFloat(strValorT)*100;
var valDescontado=parseFloat(parseFloat(desci/100)*n1/100);
 var valDescontado1=""+valDescontado;
   valDescontado1=valDescontado1.replace(/[0-9]+[.][0-9]/g, "[0-9]+[,][0-9]+");
    var valorPagar= (parseFloat(percentagemValorApagar/100))*(n1/100);
document.querySelector("resultado").insertAdjacentHTML("BeforeEnd", "<br />Valor a pagar :<br /> R$"+valorPagar+" <br /><br /> desconto de<br /> R$"+ valDescontado1+"<br /><br />"+"<br />descs<br />"+descs );