533388
Hectopat
- Katılım
- 27 Mart 2022
- Mesajlar
- 4.360
- Makaleler
- 2
- Çözümler
- 54
Merhaba, bugün openweather API ile bir hava durumu uygulaması yaptım. Bazı anlamadığım yerler oldu, sorularıma cevap verirseniz mutlu olurum.
1-API keyi paylaşsam bir sıkıntı olur mu? Normalde key yazan yerde const ile daha önce tanımladığım API keyi var.
2-
3- Güneşli, sisli gibi değerleri çekemiyorum, undefined diyor. Galiba JSON datasındaki değeri yanlış alıyorum.
Kodlar:
1-API keyi paylaşsam bir sıkıntı olur mu? Normalde key yazan yerde const ile daha önce tanımladığım API keyi var.
2-
if(e.keyCode == '13')
bu kodun anlamı klavyeden basılan tuşun ASCII değerini mi alması?3- Güneşli, sisli gibi değerleri çekemiyorum, undefined diyor. Galiba JSON datasındaki değeri yanlış alıyorum.
Kodlar:
JavaScript:
const url = "https://api.openweathermap.org/data/2.5/";
const setQuery = (e) => {
if(e.keyCode == '13')
{
getResult(searchBar.value);
searchBar.value = "";
}
}
const getResult = (cityName) => {
let query = `${url}weather?q=${cityName}&appid=${key}&units=metric&lang=tr`;
fetch(query)
.then(data => {
return data.json();
})
.then(response => {
document.querySelector(".minmax").textContent = `${response.main.temp_min}°C / ${response.main.temp_max}°C`;
document.querySelector(".city").textContent = `${response.name}`;
document.querySelector(".temp").textContent = `${response.main.temp}°C`;
document.querySelector(".desc").textContent = `${response.description}`;
})
}
const searchBar = document.querySelector("#searchBar");
searchBar.addEventListener("keypress",setQuery);