Con JavaScript possiamo ottenere i dati meteo di una località usando le API di Open Weather Map.
Possiamo utilizzare le Fetch API per reperire i dati JSON remoti.
'use strict';
const request = url => {
return new Promise((resolve, reject) => {
fetch(url).then(response => {
if(response.ok) {
resolve(response.json());
} else {
reject({
error: 500
});
}
});
});
};
const getWeatherInfo = async ( element, form ) => {
try {
let q = form.querySelector('#q').value;
let url = `https://api.openweathermap.org/data/2.5/weather?q=${q}&appid=your_api_key`;
let response = await request(url);
element.innerText = JSON.stringify(response);
} catch(err) {
console.log(err);
}
};
document.addEventListener('DOMContentLoaded', () => {
let form = document.querySelector('#form');
form.addEventListener('submit', e => {
e.preventDefault();
getWeatherInfo(document.querySelector('#results'), form);
}, false);
});