Tenho uma listagem de itens (que vem do banco de dados), preciso comparar cada item de um desses e se o valor for 0 mudar o texto. Abaixo está a função que estou tentando usar para trocar o valor do item.
function isFree(){
var preco = document.getElementsByClassName('comprar');
for(n = 0; n < preco.length; n++){
var validaPreco = preco[n].innerHTML;
if(validaPreco == '$ 0'){
validaPreco = 'Grátis'
}
}
}
Quando utilizo a linha document.getElementsByClassName('comprar')[0].innerHTML
no console do navegador tenho retornado o valor que quero usar para comparar, porém quero comparar todos os itens que são trazidos do banco.
E esta é a linha de código onde aparece o preço
<a href="detalhe/{{item.id}}" onclick="subir()"><button class="comprar">$ {{item.originalValue}}</button></a>
Só para deixar claro, estou usando polymer 2, o elemento firebase-query para trazer os dados.
change
das caixas de texto que atualizam esses.comprar
? No caso, se for o caso, a quantidade?<input type="text" id="qtd1" ... onchange="isFree()" />
validaPreco = 'Grátis';
deveria serpreco[n].innerHTML = 'Grátis';
var validaPreco = preco[n].innerHTML
, você só conseguiu usarpreco[n]
como se fosse o próprio objeto que ele guarda porque é uma representação de passagem por referência.preco[n].innerHTML
, por sua vez, tem tipoString
e é passado por valor.