diff --git a/weather-node/public/script-weatherNode.js b/weather-node/public/script-weatherNode.js index 577dccf..00368dc 100644 --- a/weather-node/public/script-weatherNode.js +++ b/weather-node/public/script-weatherNode.js @@ -1,12 +1,25 @@ -document.addEventListener('DOMContentLoaded', function() { - fetch('/weather') - .then(response => response.json()) +function fetchWeather() { + fetch('/weather?city=${city}') + .then(reponse => response.json()) .then(data => { const weatherDiv = document.getElementById('Weather'); - const content = `Temperatura: ${data.main.temp}°C
+ const content = `Cidade: ${city}
+ Temperatura: ${data.main.temp}°C
Clima: ${data.weather[0].main}
Descrição: ${data.weather[0].description}`; weatherDiv.innerHTML = content; }) .catch(error => console.error('Erro ao buscar dados: ', error)); - }); \ No newline at end of file +} + +// Evento que carrega a previsão do tempo para uma cidade padrão ao carregar a página. +document.addEventListener('DOMContentLoaded', function() { + const defaulttCity('Limeira'); + fetchWeather('deafultCity') +}); + +// Evento de clique do botão que busca a previsão do tempo para a cidade inserida pelo usuário. +document.getElementById('checkWeather').addEventListener('click', function() { + const city = document.getElementById('cityInput').value; + fetchWeather(city); +}); \ No newline at end of file