Estou tentando utilizar Intl.NumberFormat() para inserir uma máscara em um input do meu site, no console.log, os valores estão corretamente formatados, porém ao tentar inserir o valor em um campo de texto do site (como por exemplo o valor R$ 1,000.00 , o mesmo só mostra R$ 1,00 e ao voltar com backspace e/ou tentar adicionar algum outro número, ele mostra R$NaN.
Tentei todas as formas de evitar isto, porém minha cabeça já fritou.
Abaixo, segue o trecho de código:
const campodosite = document.querySelectorAll('.minhaclasse');
campodosite.forEach((a) => {
a.addEventListener('input', (e) => {
const valorCampo = e.target.value;
const novoValor = new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL'}).format(valorCampo);
console.log(novoValor); // Funciona perfeitamente
e.target.value=novoValor; // R$Nan
})
});
Já tentei com algumas outras opções, porém, sem sucesso.
Desde já agradeço.
,
para separar milhar e.
para decimais no teu caso - já que estás usandopt-br
... Mas isso é um palpite...