diff --git a/projects/weather-app/index.js b/projects/weather-app/index.js index f773a49..cdbb6de 100644 --- a/projects/weather-app/index.js +++ b/projects/weather-app/index.js @@ -12,6 +12,7 @@ formEl.addEventListener("submit", (event) => { getWeatherData(cityValue); }); + async function getWeatherData(cityValue) { try { const response = await fetch( @@ -54,5 +55,6 @@ async function getWeatherData(cityValue) { "An error happened, please try again later"; weatherDataEl.querySelector(".details").innerHTML = ""; + } } diff --git a/projects/weather-app/style.css b/projects/weather-app/style.css index 2030f24..f65cc35 100644 --- a/projects/weather-app/style.css +++ b/projects/weather-app/style.css @@ -1,7 +1,7 @@ body { margin: 0; font-family: "Montserrat", sans-serif; - background-color: #f7f7f7; + background-color: #f8a5c2; } .container { @@ -46,6 +46,10 @@ form input[type="submit"]:hover { background-color: #0062cc; } +::placeholder { + border: 1px solid lightpink; +} + .icon img { width: 100px; height: 100px;