Updated

droleander · May 26, 2019 · 85464ee · 85464ee
1 parent 15f8e23
commit 85464ee
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/css/style.css b/css/style.css
@@ -41,7 +41,7 @@ section {
 	font-size: 1.75rem;
 }
 
-#dspIcon {
+.dspIcon {
 	width: 3.5rem;
 }
 

diff --git a/index.html b/index.html
@@ -22,7 +22,7 @@
 		<div class="container">
 			<div class="row">
 				<div class="col">
-					<h1>Weather Now</h1>
+					<h1><img class="dspIcon" src="#">Weather<img class="dspIcon" src="#"></h1>
 				</div>
 			</div>
 		</div>
@@ -33,7 +33,7 @@ <h1>Weather Now</h1>
 			<div class="row">
 				<div class="col">
 					<p><span id="dspLoc">Location...</span></p>
-					<p><span id="dspWeather">Weather condition...</span> <img id="dspIcon" src="#" alt="weather icon"></p>
+					<p><span id="dspWeather">Weather condition...</span> <img class="dspIcon" src="#" alt="weather icon"></p>
 					<p id="dspTemp"><span id="dspTempValue">0</span>&deg;<span id="dspTempUnit">C</span></p>
 					<button id="dspButton" class="btn btn-light" onclick="convertTemp()" value="degC">&deg;F</button>
 					<p id="dspWind">Wind: <span id="dspWindValue">0</span> m/s</p>

diff --git a/js/localweather.js b/js/localweather.js
@@ -53,7 +53,7 @@ async function getWeatherInfo(lat, lon) {
 
 function displayWeather(loc, icon, weather, temp, wind) {
     $("#dspLoc").html(loc);
-    $("#dspIcon").attr("src", icon);
+    $(".dspIcon").attr("src", icon);
     $("#dspWeather").html(weather);
     $("#dspTempValue").html(temp);
     $("#dspWindValue").html(wind);