fixed UI display

hoangsonww · Nov 25, 2023 · 5c0e5bd · 5c0e5bd
1 parent 25fa962
commit 5c0e5bd
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/index.html b/index.html
@@ -43,7 +43,7 @@ <h1 id="my-heading">The WeatherMate App</h1>
 
 <button type="button" id="btn">SEARCH OR PRESS ENTER</button>
 
-<h5 id="subhead">A reminder that you must enter the exact name of your desired city/region to properly get its accurate weather information!</h5>
+<h5 id="subhead" style="display: none;">A reminder that you must enter the exact name of your desired city/region to properly get its accurate weather information!</h5>
 
 <div id="favorites-section">
     <!-- Favorite cities will be appended here -->

diff --git a/script.js b/script.js
@@ -291,9 +291,16 @@ form.addEventListener("submit", (e) => {
 
     if (city) {
         getWeatherByLocation(city);
+        const subhead = document.getElementById("subhead");
+        subhead.style.display = 'none';
     }
 });
 
+form.addEventListener("click", (e) => {
+    const subhead = document.getElementById("subhead");
+    subhead.style.display = 'block';
+});
+
 buttonSearch.addEventListener("click", (e) => {
     e.preventDefault();