Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Bug] erro na função

bom dia,alguem poderia me ajudar?

esta falando que esta dando erro na última linha, fala que

cep.addEventlistener("focusout",()=>buscaEndereco(cep.value));

não é uma função, e eu ja tentei trocar as aspas e nao funcionou

async function buscaEndereco(cep){

try{

var consultaCep= await fetch(`https://viacep.com.br/ws/${cep}/json`)

    var consultaCEPConvertida = await consultaCep.json();
   if(consultaCEPConvertida.erro){
      throw Error('CEP não existente!');
   }

    var cidade =document.getElementById('cidade');
    var logradouro=document.getElementById('endereco');
    var estado=document.getElementById('estado');

    

    cidade.value = consultaCEPConvertida.localidade;
    logradouro.value = consultaCEPConvertida.logradouro;
    estado.value = consultaCEPConvertida.uf;
   
    console.log(consultaCEPConvertida);
    return consultaCEPConvertida;
  }catch(erro){

    console.log(erro)

  }
  }

var cep = document.getElementById('cep');
cep.addEventlistener("focusout",()=>buscaEndereco(cep.value));
2 respostas
solução!

Olá, Nycolle! Tudo bem?

Parece que o problema está na forma como você está tentando adicionar o evento ao elemento "cep". Em JavaScript, a função correta para adicionar um evento a um elemento é "addEventListener", com "L" maiúsculo.

No seu caso, você usou "addEventlistener" com "l" minúsculo, o que está causando o erro.

Então, a última linha do seu código deveria ser:

cep.addEventListener("focusout",()=>buscaEndereco(cep.value));

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

muito obrigada

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software