Estou iniciando meus estudo em JavaScript e me deparei com uma questão que é pegar o valor (monetário) em uma classe html, tratar e exibir o resultado sem R$ em outro elemento html. Porém não funcionou.
Código:
function myFunction() {
var test = document.getElementsByClassName("entrada");
// var test = 'R$ 299,00';
function getMoney( str )
{
return parseInt( str.replace(/[\D]+/g,'') );
}
function formatReal( int )
{
var tmp = int+'';
tmp = tmp.replace(/([0-9]{2})$/g, ",$1");
if( tmp.length > 6 )
tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2");
return tmp;
}
var int = getMoney( test );
document.getElementById("saida").innerHTML = (formatReal( int ));
}
<p>Valor do item: <strong class="entrada">R$ 229,00</strong></p>
<button onclick="myFunction()">Clique para tratar</button>
<p>Valor tratado: <span style="color:red" id="saida"></span></p>
getMoney(test)
,test
é umNodeList
(retornado porgetElementsByClassName
). Portanto, comoreplace
é um método de strings, você não poderá o obter a partir de uma instância deNodeList
. Você precisa obter o valor do elemento, isto é, uma string. Talvez esta resposta possa te dar uma ideia adicional desse problema e te dar algumas ideias de como resolvê-lo. :-)