-
Notifications
You must be signed in to change notification settings - Fork 0
/
scripts.js
23 lines (16 loc) · 887 Bytes
/
scripts.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const key = "03c4f0981000301002101456f1429b70"
function colocarDadosNaTela(dados){
document.querySelector(".cidade").innerHTML = "Tempo em " + dados.name
document.querySelector(".temp").innerHTML = Math.floor(dados.main.temp) + "ºC"
document.querySelector(".texto-previsao").innerHTML = dados.weather[0].description
document.querySelector(".umidade").innerHTML = dados.main.humidity + "%"
document.querySelector(".img-previsao").src = `https://openweathermap.org/img/wn/${dados.weather[0].icon}.png`
}
async function buscarCidade(cidade){
const dados = await fetch(`https://api.openweathermap.org/data/2.5/weather?q=${cidade}&appid=${key}&lang=pt_br&units=metric`).then(resposta => resposta.json())
colocarDadosNaTela(dados)
}
function cliqueiNoBotao () {
const cidade = document.querySelector(".input-cidade").value
buscarCidade(cidade)
}