Acabei de testar um código é deu certo kkk
Segue abaixo a minha solução:
A variável da mensagem incluí dentro da função e o inner.html com conteúdo de vazio, ficou dentro da parte em que os dados do endereço são atualizados.
async function consultaCep(cep){
try{
var apiCep = await fetch(`https://viacep.com.br/ws/${cep}/json/`);
var cepConvertido = await apiCep.json();
**var erroMensagem = document.querySelector('#erro');**
if (cepConvertido.erro == true){
//console.log(cepConvertido)
throw Error ('CEP Não localizado')
}
var rua = document.querySelector('#endereco')
var bairro = document.querySelector('#bairro')
var cidade = document.querySelector('#cidade')
var estado = document.querySelector('#estado')
rua.value = cepConvertido.logradouro
bairro.value = cepConvertido.bairro
cidade.value = cepConvertido.localidade
estado.value = cepConvertido.uf
**erroMensagem.innerHTML = '';**
return cepConvertido
} catch {
console.log('CEP Não localizado')
erroMensagem.innerHTML = `<p>CEP Não localizado</p>`
}
}
var cepInput = document.querySelector('#cep')
cepInput.addEventListener('focusout',()=>{consultaCep(cepInput.value)})