Mn parabéns vc me salvou com esse projeto onde tem API, tô começando agr na área, e pediram pra fazer um site que tem API vou usar seu trabalho como inspiração para realizar o meu
Como sempre uma excelente aula. Parabéns, grande Mestre! Como sugestão de novo projeto, queria lhe pedir um que você ensinasse a fazer um CRUD completo em Javascript, com uso de localstorage.
Maluco obrigado kkk eu tinha assistido um tutorial em vue fazendo uma aplicação assim só que era de 2019 e a API estava dando erro, com o seu video consegui arrumar
Bacana o vídeo, quebrei bastante a cabeça pra corrigir erros bestas que eu mesmo fiz, só não achei legal deixar o melhor para quem fez o curso porém o github tá ai pra continuar por conta própria o projeto e sai procurando o que precisa para terminar o projeto
Gostei muito da sua aula, eu peguei o que aprendi com você e incrementei outras funções, queria saber se você pode olhar para ver como ficou se está bacana? Muito obrigado por tudo conhecimento que você compartilha!
⭐Conheça a Formação Front-end (+50 de horas de conteúdo, +20 de projetos) para você se tornar um dev front-end: www.udemy.com/course/formacao-front-end-html-css-javascript-react-e/?couponCode=LANCOUFE
Grande vídeo e deu para aprender muito Matheus. Só uma dúvida que penso que faltou, a API openweathermap, os dados Wind speed, a Unit Default: meter/sec. Teríamos que converter para km/h, certo?
Excelente! Ficou top! Sua didática é muito boa, parabéns! Eu tenho uma dúvida sobre essa API, pois fiz uma aplicação para fins de estudo usando ela, mas pelo que pude comparar com outras aplicações de clima, ela não traz a temperatura correta. Nas comparações que fiz, essa API sempre dá uma diferença entre 2 até 4 graus a menos do que nas outras aplicações que comparei. Ex. esses dias aqui na minha cidade estava entre 31°/32° e fazendo a pesquisa na aplicação, estava marcando 25°... Por que será essa diferença? PS: Fazendo uma pesquisa no google sobre essa API encontrei um vídeo em que a pessoa criava uma aplicação com ela, mas praticamente ela usava os mesmos métodos que usei, também encontrei esse seu vídeo e vi que usa uns métodos diferentes, porém, não testei o seu código. Desde já te agradeço muito! Seus conteúdos são excelentes!
Olá professor, eu fui acompanhando o projeto e reproduzindo aqui no meu , digitando igual, consegui fazer e funcionou perfeito, porém eu fico com a sensação de estar "só copiando" o código, eu entendo o conceito, quando você explica, eu entendo o que vai acontecer , etc, mas tenho a sensação de que evoluo devagar, não sei se é normal isso, eu meio que vou vendo sua explicação e praticamente só copiando o que você faz, não consigo desenvolver por mim mesmo sabe, não sei se é assim mesmo ou é porque ainda sei muito pouco, espero que isso mude com o tempo. O projeto é fantástico e sua didática é incrível, eu acho que o problema sou eu mesmo :-(
@@marcosev08 essa é uma ótima idéia, muito obrigado pela sua dica, eu não gosto da idéia de apenas digitar igual, mesmo que funcione, sei que não é o certo, preciso conseguir fazer por mim mesmo, mas entendo que tenho minhas limitações no momento, isso de realizar modificações é bem legal, vou fazer isso, obrigado!
poderia me ajudar a entender pq no projeto eu não consigo usar o API e visiualizar a bandeira, mas sempre consigo abrir e visualizar a API sem problemas ?
Professor Matheus, sua aula é top! Quero terminar o projeto com todas as funcionalidades, qual é o curso lá na comunidade que devo adquirir? Eu vi que tem 6 opções. Agradeço desde já!
Olá Mateus. Estou tentando fazer um modelo desses porém com a previsão para os próximos 5 dias. tem alguma dica para quem entende apenas o básico de programação?
Oi gente, então, no meu não estou conseguindo exibir as bandeiras, tentei usar as sugestões dos comentários aqui, mas não foi, alguém sabe como arrumar???
Olá Matheus, tudo bem? Estou vendo seus vídeos que tem os projetinhos na área de front e tem sempre a finalização que fica para um próximo vídeo, como faço para ver essas finalizações? Obrigado, um abraço
pra quem está tendo problemmas com API de flag é só usar esse comando:crossorigin="anonymous" na tag da bandeira, isso acontece por que o navegador por algum motivo esta bloqueando o conteudo dessa requisição usando esse comando vai ocultar a origem desse conteudo
Professor Matheus, sua aula é top! Quero terminar o projeto com todas as funcionalidades, qual é o curso lá na comunidade que devo adquirir? Eu vi que tem 6 opções. Agradeço desde já!
Página de Clima: Escolha uma API de previsão do tempo para fornecer informações sobre o clima atual, sobre previsões futuras, ou históricos. O sistema pode permitir que o usuário informe sua localização ou use a localização do dispositivo; esse e o meu trabalho
Bom dia, Ótima Aula, muito didática, com está API seria possível ter a quantidade de chuva prevista, e outra duvida seria Adicionar algum alerta dentro das informações capturadas pela API, mesmo sendo algo assíncrono ?
poderia me ajudar a entender pq no projeto eu não consigo usar o API e visiualizar a bandeira, mas sempre consigo abrir e visualizar a API sem problemas ?
@@leonardotavares7317 é só usar esse coando na tag da img :crossorigin="anonymous" alguns navegadores bloqueiam por ser um conteudo vindo de um site terceiro
Não encontrei de maneira o url da api do country flag. O site se atualizou, esta diferente do video. Até tentei copiar a url que foi informado no video porém ela nem existe mais. Alguém consegue me ajudar?
Ontem eu coloque aqui que o link das bandeiras não está funcionando mais e coloquei como eu fiz pra funcionar e a observação foi deletada. Não entendi o que houve!
Cara fiz esse projeto,mas queria deixar a chave da api em node usando o dotenv,mas da erro ao testar em navegador Uncaught ReferenceError: require is not defined
Alguém poderia me ajudar a entender pq no projeto eu não consigo usar o API e visiualizar a bandeira, mas sempre consigo abrir e visualizar a API sem problemas ?
@@lucastertuliano7833 eu consegui usar, só que hoje estou no trabalho, amanhã comenta aqui que trago o que eu usei e você testa aii pra ver se funciona.
Alguém sabe se a api do tempo está exigindo adicionar cartãoo, minha API não retorna nada, fica um erro 401, fui ver no site o motivo do erro e diz q pode ser erro na digitação ou por conta da validação do email ou até mesmo o tempo de validação necessário, porem ja tentei de todos os jeitos, alguém sabe algo???
meus queridos boa noite, estou tendo duas dificuldades, a primeira é a bandeira que não renderizar e a segunda é o input que responde undefined, alguém pode diminuir minha ignorância por favor!!!!
Usei o try e catch para fazer os tratamentos de erro, e vi que tu usou if, e algumas funções... Do meu jeito tem algum problema ? (try e catch) Esta funcionando corretamente, mas n sei se é o mais utilizado
Olá! No meu fica dando esse problema quando tento ver se a API esta funcionando: {"cod":"400","message":"Nothing to geocode"} Será que daqui a pouco normaliza?
tive um duvida se por a caso o input enviar um null ele deveria retornar a msm msg de erro mas nao consegui fazer tentei: if (!data.cod) { showErrorMessage(); return; } mas nao veio a msg
Alguém pode me ajudar, meu código no VSC não mostra nenhum erro, mas no inspecionar mostra que a parte (addEventListener("click", (e) => ) esta como NULL, e não estou conseguindo arrumar, alguém pode dar um help ai pfv
@@pedrodagostini1138 mano eu já terminei essa aula, não to lembrando o momento exato que dá esse eerro, vou te mandar aqui o qeue eu acho que seja a parte do código, ai depois tu confirma se era ou não searchBtn.addEventListener("click", async (e) => { console.log(); }) searchBtn.addEventListener("click", async (e) => { e.preventDefault();
const city = cityInput.value; showWeatherData(city); });
🔵 Conheça nosso curso completo de React JS: app.horadecodar.com.br/course/curso-react-js-completo
assisti vários vídeos e nenhum me ajudou tanto como o seu, finalmente aprendi a usar uma api! muito obrigada e parabéns pelo conteúdo!
sempre foi um sonho trabalhar com api, sou mto grato por esse conhecimento disponibilizado de forma gratuita e clara, vc é incrivel profe
Cara, se eu te disser que era exatamente o que eu precisava para complementar um projeto. Top demais, valeu!!!
de nada Diego =D
Acompanhando várias aulas do canal, muita qualidade!!
valeu Weler!
Comentei recentemente que esse cara me salva em todo vídeo e ele posta isso logo agora que eu também tô fazendo um Weather kkkk potente demais XD
Mn parabéns vc me salvou com esse projeto onde tem API, tô começando agr na área, e pediram pra fazer um site que tem API vou usar seu trabalho como inspiração para realizar o meu
Muito bom. Gratidão. Fiz um fork do repositório, peguei minha API KEY e coloquei e funcionou.
boa Ribamar!
Esses conhecimentos são realmente muito úteis para todo programador 👍
Agradeço pelo conteúdo, finalmente eu to começando a entender como consumir essas APIs
Muito bom esse projeto, fiz o passo a passo e ficou bom, valeu palas dicas.
Ótima aula, aprendi bastante com esse projeto. Parabéns Matheus!
Vídeo excelente, sua didática é incrível, parabéns pelo seu trabalho!!!!!
valeu Lucas! já viu o meu treinamento completo? horadecodar.com.br/comunidade-hora-de-codar/
Como sempre uma excelente aula. Parabéns, grande Mestre! Como sugestão de novo projeto, queria lhe pedir um que você ensinasse a fazer um CRUD completo em Javascript, com uso de localstorage.
boa Daniel, vou anotar aqui a sua sugestão! =)
excelente video, sempre agregando muito conhecimento, aprendo muito com você. obg.
valeuu Nicholas!
Muito legal projeto e novidades, parabéns!
valeu João!!
Maluco obrigado kkk eu tinha assistido um tutorial em vue fazendo uma aplicação assim só que era de 2019 e a API estava dando erro, com o seu video consegui arrumar
Show! Parabéns, Matheus.
valeu Mário!
muito bom por mais que seja só etapa basica ja agrega muito no meu portfolio
Excelente projeto, Matheus! Obrigado por compartilhar o conhecimento!
Bacana o vídeo, quebrei bastante a cabeça pra corrigir erros bestas que eu mesmo fiz, só não achei legal deixar o melhor para quem fez o curso porém o github tá ai pra continuar por conta própria o projeto e sai procurando o que precisa para terminar o projeto
Pessoal, pra quem tiver tido problema pra exibir a imagem, é só adicionar na tag da imagem *crossorigin = "anonymous" *
vlw pela ajuda mano, ja tinha tentado de tudo kkkkk
@@ygorpacheconogueira6807 hahaha eu também tentei
Cara to tendo problema aqui pra conseguir kkkk eu preciso baixar a imaghem no meu pc e colocar ela ?
@@alessandrosaling4162 coloca só o link da api
@@ygorpacheconogueira6807 qual api ele usou pra pegar imagens?
adorei esse projeto, muito bom, parabens
parabéns Matheus Battisti otima aula
Esse projeto contém o design patern? Se não, vc poderia trazer um vídeo sobre? Desde já agradeço, vc é o melhor professor!
Matheus ficou top das galáxias
Gostei muito da sua aula, eu peguei o que aprendi com você e incrementei outras funções, queria saber se você pode olhar para ver como ficou se está bacana?
Muito obrigado por tudo conhecimento que você compartilha!
⭐Conheça a Formação Front-end (+50 de horas de conteúdo, +20 de projetos) para você se tornar um dev front-end: www.udemy.com/course/formacao-front-end-html-css-javascript-react-e/?couponCode=LANCOUFE
E so digitar:
Npx touch + o nome do arquivo.
Ex:
npx touch index.html
Ele vai criar um arquivo em branco.
Fantastico👍
valeu Matheus!
E ai blz muito bom os vídeo faz mais tipo esse ai estou terminando curso de web mas estou acompanhando ai e treinando
Meu professor da udemy. Já fiz 2 cursos teu.
boa Charles!!
Top meu nobre 👊
valeu Alison!
Grande vídeo e deu para aprender muito Matheus. Só uma dúvida que penso que faltou, a API openweathermap, os dados Wind speed, a Unit Default: meter/sec. Teríamos que converter para km/h, certo?
hablou de mais , amei o conteudo
Excelente! Ficou top! Sua didática é muito boa, parabéns!
Eu tenho uma dúvida sobre essa API, pois fiz uma aplicação para fins de estudo usando ela, mas pelo que pude comparar com outras aplicações de clima, ela não traz a temperatura correta. Nas comparações que fiz, essa API sempre dá uma diferença entre 2 até 4 graus a menos do que nas outras aplicações que comparei. Ex. esses dias aqui na minha cidade estava entre 31°/32° e fazendo a pesquisa na aplicação, estava marcando 25°... Por que será essa diferença?
PS: Fazendo uma pesquisa no google sobre essa API encontrei um vídeo em que a pessoa criava uma aplicação com ela, mas praticamente ela usava os mesmos métodos que usei, também encontrei esse seu vídeo e vi que usa uns métodos diferentes, porém, não testei o seu código.
Desde já te agradeço muito! Seus conteúdos são excelentes!
Boa tarde, cadê o link com o restante da aula professor ?
Olá professor, eu fui acompanhando o projeto e reproduzindo aqui no meu , digitando igual, consegui fazer e funcionou perfeito, porém eu fico com a sensação de estar "só copiando" o código, eu entendo o conceito, quando você explica, eu entendo o que vai acontecer , etc, mas tenho a sensação de que evoluo devagar, não sei se é normal isso, eu meio que vou vendo sua explicação e praticamente só copiando o que você faz, não consigo desenvolver por mim mesmo sabe, não sei se é assim mesmo ou é porque ainda sei muito pouco, espero que isso mude com o tempo.
O projeto é fantástico e sua didática é incrível, eu acho que o problema sou eu mesmo :-(
@@marcosev08 essa é uma ótima idéia, muito obrigado pela sua dica, eu não gosto da idéia de apenas digitar igual, mesmo que funcione, sei que não é o certo, preciso conseguir fazer por mim mesmo, mas entendo que tenho minhas limitações no momento, isso de realizar modificações é bem legal, vou fazer isso, obrigado!
Já vou logo falando que o projetinho é fantástico, mas achava legal se fosse fracionado numa lista como foi o curso de vue.
opa Rivaldo, lá na Comunidade está dividido xD
mas te falar que curti a ideia, quem sabe o próximo faço dividido, obrigado!
poderia me ajudar a entender pq no projeto eu não consigo usar o API e visiualizar a bandeira, mas sempre consigo abrir e visualizar a API sem problemas ?
Já salvei para assistir mais tarde:)
boa!
projeto bem legal
valeu Isaac!
Professor Matheus, sua aula é top!
Quero terminar o projeto com todas as funcionalidades, qual é o curso lá na comunidade que devo adquirir? Eu vi que tem 6 opções. Agradeço desde já!
Alguém sabe uma API Country que ta funcionando? Essa do vídeo caiu e as que estou procurando nenhuma funciona.
tô com o mesmo problema
Olá Mateus. Estou tentando fazer um modelo desses porém com a previsão para os próximos 5 dias. tem alguma dica para quem entende apenas o básico de programação?
Oi gente, então, no meu não estou conseguindo exibir as bandeiras, tentei usar as sugestões dos comentários aqui, mas não foi, alguém sabe como arrumar???
up! alguém com alguma solução?
mesmo problema... tentei com crossorigin="anonymous" na TAG IMG mas não deu certo....@@g.izidio
32:25 Para não deixar a chave da API exposta no github você mencionou o .env
Tem algum video no canal falando mais a fundo sobre isso?
tbm quero saber sobre isso
Queria ver o restante do projeto, procurei q comunidade e não encontrei
professor, perguntinha boba. Como você faz para deixar suas pastas com o símbolo do CSS e JS?
É uma extensão do VSCode, só procurar por "vscode-icons" na aba de extensões.
esse countryflagsapi n existe mais?
pq eu to tentando acessar ele e n da
tbm não consigo...
Top
Olá Matheus, tudo bem? Estou vendo seus vídeos que tem os projetinhos na área de front e tem sempre a finalização que fica para um próximo vídeo, como faço para ver essas finalizações? Obrigado, um abraço
Qual dos seus cursos esse projetinho da aula é finalizado?
cara que projeto pequeno pra da trabalho, tinha 1000 bugs kkkkkkkkk a mulesta esse deu trabalho 50 minutos, que passei um dia todo kkkkkkkkkkkk
Meu botão de pesquisa não está funcionando e nem quando eu aperto Enter, e fiz o código igualzinho o seu. Pode me ajudar pfvvvvvv
Quer criar este e outros projetos completos? Entre para a Comunidade: www.horadecodar.com.br/comunidade-hora-de-codar/
pra quem está tendo problemmas com API de flag é só usar esse comando:crossorigin="anonymous"
na tag da bandeira, isso acontece por que o navegador por algum motivo esta bloqueando o conteudo dessa requisição usando esse comando vai ocultar a origem desse conteudo
Professor Matheus, sua aula é top!
Quero terminar o projeto com todas as funcionalidades, qual é o curso lá na comunidade que devo adquirir? Eu vi que tem 6 opções. Agradeço desde já!
Professor como eu consigo entrar na comunidade , pois gostaria de saber mais a fundo como ir ate o fim com esse projeto ?
Matheus, eu precisava que a pagina abresse direto em uma cidade especifica, é complicado?
Quando é digitado um nome inválido a API retorna Undefined. Tem como tratar essa mensagem de erro da API pra não aparecer pro usuário?
Página de Clima: Escolha uma API de previsão do tempo para fornecer informações
sobre o clima atual, sobre previsões futuras, ou históricos. O sistema pode permitir que
o usuário informe sua localização ou use a localização do dispositivo; esse e o meu trabalho
flagsapi mudou url?
kkkkkkk Gostei citou Maceio, a minha Cidade morei uma vida quase toda la kkkkkkk, conheço cada bairro
Pessoal minhas scr não estão funcionando no projeto! Não aparece nenhuma imagem nas maneiras e etc! Alguém sabe o que pode ser ?
Teu comentário tem um tempo, mas respondendo tua dúvida essa api de bandeiras está fora do ar.
Bom dia, Ótima Aula, muito didática, com está API seria possível ter a quantidade de chuva prevista, e outra duvida seria Adicionar algum alerta dentro das informações capturadas pela API, mesmo sendo algo assíncrono ?
poderia me ajudar a entender pq no projeto eu não consigo usar o API e visiualizar a bandeira, mas sempre consigo abrir e visualizar a API sem problemas ?
@@leonardotavares7317 é só usar esse coando na tag da img :crossorigin="anonymous"
alguns navegadores bloqueiam por ser um conteudo vindo de um site terceiro
@@another452 vlw Man eu já tinha conseguido achar como usar, mas esqueci de vir aqui falar. Obrigado
Professor, de que forma o senhor faria uma refatoração neste projeto para que ele viesse a ser em OOP?
tem como colocar Banner Publicitários para aparecer anúncios tipo Adsense ?
Não encontrei de maneira o url da api do country flag. O site se atualizou, esta diferente do video. Até tentei copiar a url que foi informado no video porém ela nem existe mais. Alguém consegue me ajudar?
Ontem eu coloque aqui que o link das bandeiras não está funcionando mais e coloquei como eu fiz pra funcionar e a observação foi deletada. Não entendi o que houve!
Qual programa você está usando?
Qual link dessa aula finalizada ou pra entrar na comunidade
o meu não esta mudando as informações quando clico la no botão, no console fica mostrando apenas o noma da cidade que digitei
Vc tem esse código disponível? No Github? Ou em algum lugar?
Cara fiz esse projeto,mas queria deixar a chave da api em node usando o dotenv,mas da erro ao testar em navegador Uncaught ReferenceError: require is not defined
O meu da um erro 401(Unauthorized) no console, alguem me da um help ai?
Uma duvida, o meu tá aparecendo a temperatura 229°C como que resolve? E a condição era pra aparecer "Nublado" mas está escrito em inglês, mas alguem?
Alguem teve o problema da bandeira do país não aparecer, quebrar apesar da url estar correta e corresponder a bandeira?
estou com este mesmo problema aqui , voce conseguio resolver ???
Utilizei crossorigin="anonymous" na tag IMG e deu certo.
tbm to com o mesmo problema, como se o acesso estivesse bloqueado :(
acabei de ver o comentário do @lucastertuliano7833 pra usar crossorigin="anonymous" na tag img e deu certo mesmo :)
@@jade.369 Mtoo obrigado
to com um problema kk, quando coloco o nome do local demora atualizar bandeira ...
Pra mim também
O meu css não esta aplicando a fonte Ubuntu aconteceu com alguem?
Por que você aplicou o display: flex no body e não no container?
container está dentro do body
o triste é que o country flags n funciona mais
O link das imagens não estão funcionando, o que pode ser ?
Nem o das bandeiras!
Eu baixei o projeto no repositório mas parece que não funciona. Eu digito uma cidade e ele não carrega nada.
irmão vc não tá ligado o quanto me salvou
Alguém poderia me ajudar a entender pq no projeto eu não consigo usar o API e visiualizar a bandeira, mas sempre consigo abrir e visualizar a API sem problemas ?
Também não consigo utilizar. Posso estar errado, mas cheguei à conclusão de que a API está com problemas.
@@lucastertuliano7833 eu consegui usar, só que hoje estou no trabalho, amanhã comenta aqui que trago o que eu usei e você testa aii pra ver se funciona.
@@leonardotavares7317 Consegui resolver. Utilizei crossorigin="anonymous" na tag IMG e deu certo.
@@lucastertuliano7833 isso mesmo, sei não lembrava de cabeça
@@lucastertuliano7833 pode mandar teu link da api de flags ? pq quando eu coloco a tag crossorigin msm asssim nao funciona
O meu na parte do Javascript não funcionou absolutamente NADA
E no seu tudo funciona redondo kkk
Mesmo fazendo igual, o que acontece? Kkk
Alguém sabe se a api do tempo está exigindo adicionar cartãoo, minha API não retorna nada, fica um erro 401, fui ver no site o motivo do erro e diz q pode ser erro na digitação ou por conta da validação do email ou até mesmo o tempo de validação necessário, porem ja tentei de todos os jeitos, alguém sabe algo???
No final do video citou que na comunidade colocou para aparecer uma imagem referente a cidade pesquisar, usou qual API?
unsplash image api
5:27 como faz isso??? eu digito link:css e aperto tab e nd acontece
Eu comprei o curso de Front-End e não tem esse projeto ai não
meus queridos boa noite, estou tendo duas dificuldades, a primeira é a bandeira que não renderizar e a segunda é o input que responde undefined, alguém pode diminuir minha ignorância por favor!!!!
Essa chave do weather tem validade de 30 dias?
Usei o try e catch para fazer os tratamentos de erro,
e vi que tu usou if, e algumas funções...
Do meu jeito tem algum problema ? (try e catch)
Esta funcionando corretamente, mas n sei se é o mais utilizado
ta certo sim
onde eu vejo os tratamentos de erro?
opa Edgar, aí é só na Comunidade (www.horadecodar.com.br/comunidade-hora-de-codar/)
Como posso usar um dotenv?
@MatheusBattisti
Meu nome é laura e queria uma ajuda sua
tem um trabalho pra fazer e eu não sei como começar
a minha api deu certo no teste, retornou um json
Esse site pegar as imagens da bandeira dos paises tá com problema, algm tem outro ai?
Olá! No meu fica dando esse problema quando tento ver se a API esta funcionando:
{"cod":"400","message":"Nothing to geocode"}
Será que daqui a pouco normaliza?
o seu normalizou?
deveria ter dois; um para a busca e o outro para localização automatica.
só fazer! =)
@@MatheusBattisti é
tive um duvida se por a caso o input enviar um null ele deveria retornar a msm msg de erro mas nao consegui fazer
tentei:
if (!data.cod) {
showErrorMessage();
return;
} mas nao veio a msg
o input nao retorna null, ele retorna uma string vazia caso nao seja preenchido
Alguém pode me ajudar, meu código no VSC não mostra nenhum erro, mas no inspecionar mostra que a parte (addEventListener("click", (e) => ) esta como NULL, e não estou conseguindo arrumar, alguém pode dar um help ai pfv
to tentando resolver isso agora, já conseguiu resolver ai ?
estou com esse mesmo problema, conseguiu encontrar o erro?
Eu acho que eu consegui resolver, quando eu chegar em casa vou ver se lembro se comentar aqui como ficou
@@leonardotavares7317 muito obrigado, vai me salvar muito! Estou travado
@@pedrodagostini1138 mano eu já terminei essa aula, não to lembrando o momento exato que dá esse eerro, vou te mandar aqui o qeue eu acho que seja a parte do código, ai depois tu confirma se era ou não
searchBtn.addEventListener("click", async (e) => {
console.log();
})
searchBtn.addEventListener("click", async (e) => {
e.preventDefault();
const city = cityInput.value;
showWeatherData(city);
});