const api = { key: "b147c4df493194eae4491bc6c5bc15f6", base: "https://api.openweathermap.org/data/2.5/" } const searchbox = document.querySelector('.search-box'); searchbox.addEventListener('keypress', setQuery); function setQuery(evt) { if (evt.keyCode == 13) { getResults(searchbox.value); } } function getResults (query) { fetch(`${api.base}weather?q=${query}&units=metric&APPID=${api.key}`) .then(weather => { return weather.json(); }).then(displayResults); } function displayResults (weather) { let city = document.querySelector('.location .city'); city.innerText = `${weather.name}, ${weather.sys.country}`; let now = new Date(); let date = document.querySelector('.location .date'); date.innerText = dateBuilder(now); let temp = document.querySelector('.current .temp'); temp.innerHTML = `${Math.round(weather.main.temp)}°c`; let weather_el = document.querySelector('.current .weather'); weather_el.innerText = weather.weather[0].main; let hilow = document.querySelector('.hi-low'); hilow.innerText = `${Math.round(weather.main.temp_min)}°C / ${Math.round(weather.main.temp_max)}°C`; } function dateBuilder (d) { let months = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Decembre"]; let days = ["Lundi", "Mardi", "Mercredi", "Mercredi", "Jeudi", "Vendredi", "Samedi","Dimanche"]; let day = days[d.getDay()]; let date = d.getDate(); let month = months[d.getMonth()]; let year = d.getFullYear(); return `${day} ${date} ${month} ${year}`; }