Tenho um input
em uma página onde digito o CEP e posso calcular qual o valor e tempo estimado para entrega de um produto para cada região.
Ao clicar no botão de calcular ele vai mostrar um box carregado via Ajax com as respectivas informações, o problema é que a plataforma tem um pequeno problema (bug) e mostra 8 dias úteis até mesmo para produtos que deveriam ser 4 dias úteis.
Meu objetivo é fazer uma checagem para se o produto tiver um preço maior que R$149,90 ele executa uma função para mudar o texto de 8 dias úteis para 4 dias úteis.
O problema é que esse elemento não é carregado logo após clicar no botão, ele só aparece quando a requisição Ajax é completada (e eu não tenho acesso aos scripts que fazem essa requisição).
Então eu enfrento problemas como a velocidade de conexão do usuário (que é variável de um para outro), e os elementos não existem logo após eu clicar no botão.
Eu tentei usar o laço while, mas estou com problemas, vejam o código:
window.addEventListener('DOMContentLoaded', function(){
if( document.querySelector('button[type="submit"]').textContent === 'OK' ){
document.querySelector('button[type="submit"]').addEventListener('click', function(){
var preco = /(\d+)(\,)(\d+)/.exec( document.getElementsByClassName('preco-promocional')[1].textContent );
if( preco[1] > 149 ){
while( typeof( document.getElementsByClassName('prazo')[1] ) === 'undefined' ){
while( document.getElementsByClassName('prazo')[1].textContent === '8 dias úteis' ){
document.getElementsByClassName('prazo')[1].textContent = '4 dias úteis';
}
}
}
});
}
});
A lógica seria checar enquanto esse elemento for undefined
, e então, quando ele deixar de ser, eu executo outro laço verificar se o texto é 8 dias úteis
e enquanto for, ele tenta mudar para 4 dias úteis
.
Grato pela atenção