Update: Refactored Source Code (#2)

src/html/about.html

@@ -64,10 +64,11 @@ <h2>Explore More of My Projects:</h2>
                 <a href="https://hoangsonww.github.io/The-Event-Horizon-App/" class="btn">Visit EventHorizon</a>
             </div>
             <div class="app">
-                <p>Take a look at my other projects on <strong>GitHub</strong>. A showcase of my coding journey!</p>
+                <p>Take a look at my other projects on <strong>GitHub</strong> - a showcase of my coding journey!</p>
                 <a href="https://github.com/hoangsonww" class="btn">Visit My GitHub!</a>
             </div>
         </div>
+        <h2>Our Commitment:</h2>
         <p>The WeatherMate App is a labor of love, crafted with the intent to bring you the most up-to-date weather information in the most convenient way possible. Developed by Son Nguyen Hoang in 2023, our app is constantly evolving with new features to enhance your weather experience.</p>
         <p>Thank you for choosing The WeatherMate App. We are committed to providing you with a reliable and enjoyable weather service.</p>
         <a href="../../index.html">← Back to Home</a>

src/js/chatbot.js

@@ -36,6 +36,7 @@ async function getBotResponse(message) {
 
     try {
         showLoadingMessage();
+        scrollToBottom();
 
         const genAI = new GoogleGenerativeAI(getAIResponse());
         const model = genAI.getGenerativeModel({
@@ -139,6 +140,7 @@ chatInput.addEventListener("keydown", (e) => {
 
         e.target.value = '';
     }
+    scrollToBottom();
 });
 
 const toggleButton = document.createElement("button");

src/js/script.js

@@ -78,7 +78,7 @@ async function getWeatherByLocation(city) {
     lastCity = city;
 
     document.getElementById("forecast-display").classList.remove('hide');
-    document.getElementById( "forecast-display" ).classList.add( 'show' );
+    document.getElementById( "forecast-display").classList.add('show');
 
     document.getElementById("forecast-btn").textContent = `View Forecast For ${city}`;
     document.getElementById("aqi-btn").textContent = `View Air Quality Index For ${city}`;
@@ -427,11 +427,8 @@ function toggleTemperatureUnit() {
 function updateTemperatures() {
     if (lastCity) {
         getWeatherByLocation(lastCity);
-        const forecastBtn = document.getElementById("forecast-btn");
-        if (forecastBtn.textContent.includes("Close Forecast")) {
-            const lat = forecastBtn.getAttribute("data-lat");
-            const lon = forecastBtn.getAttribute("data-lon");
-            getForecastByLocation(lat, lon);
+        if (popupStatus.forecast === true) {
+            toggleForecast();
         }
     }
 }