From 9cbe46d613ec994f85531d9d2ea6744f4387a650 Mon Sep 17 00:00:00 2001 From: Indira Priyadharshini Date: Sun, 3 Dec 2023 11:38:18 +0530 Subject: [PATCH 1/2] updated placeholder --- projects/weather-app/style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) 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; From 3ce5961d061e8cdf772babf34fa031067425f112 Mon Sep 17 00:00:00 2001 From: Indira Priyadharshini Date: Sun, 3 Dec 2023 11:39:03 +0530 Subject: [PATCH 2/2] placeholder update --- projects/weather-app/index.js | 2 ++ 1 file changed, 2 insertions(+) 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 = ""; + } }