NEW FEATURES: UV + Humidity + Rainfall

Author: JLesDev

adelaide.js

@@ -185,6 +185,9 @@ async function run(city) {
         console.log("formatTime = "+formatTime);
 p.textContent = formatTime + ". Temp: " + observations.data[i].temp + "°C. Jonty's Temp: " + (observations.data[i].temp_feels_like + 3)+"°C.";
 	      parent.appendChild(p);
+                let q = document.createElement('p');
+        q.textContent = "UV: " + observations.data[i].uv + ". Humidity: " + (observations.data[i].relative_humidity)+ "%. Is it raining? Not quite sure.";
+        parent.appendChild(q);
       }
 
       for (let i = 24; i > -1; i--){

brisbane.js

@@ -185,6 +185,9 @@ async function run(city) {
         console.log("formatTime = "+formatTime);
 p.textContent = formatTime + ". Temp: " + observations.data[i].temp + "°C. Jonty's Temp: " + (observations.data[i].temp_feels_like + 3)+"°C.";
 	      parent.appendChild(p);
+                let q = document.createElement('p');
+        q.textContent = "UV: " + observations.data[i].uv + ". Humidity: " + (observations.data[i].relative_humidity)+ "%. Is it raining? Not quite sure.";
+        parent.appendChild(q);
       }
 
       for (let i = 24; i > -1; i--){

index.html

@@ -82,8 +82,8 @@ <h1 id="placeholder2">Melbourne</h1>
   </div> -->
   <div id="bot-box">
   <div class="row">
-    <button class="city-btn">Show Humidity $0.99</button>
-    <button class="city-btn">Show UV $0.99</button>
+    <button class="city-btn">Show Advanced $0.99</button>
+    <button class="city-btn">Show Cloud Cover $0.99</button>
     <button class="city-btn">Show Wind $0.99</button>
     <button class="city-btn">Show Rainfall $0.99</button>
   </div>

index.js

@@ -179,6 +179,9 @@ async function run(city) {
         console.log("formatTime = "+formatTime);
 p.textContent = formatTime + ". Temp: " + observations.data[i].temp + "°C. Jonty's Temp: " + (observations.data[i].temp_feels_like + 3)+"°C.";
 	      parent.appendChild(p);
+                let q = document.createElement('p');
+        q.textContent = "UV: " + observations.data[i].uv + ". Humidity: " + (observations.data[i].relative_humidity)+ "%. Is it raining? Not quite sure.";
+        parent.appendChild(q);
       }
 
       for (let i = 24; i > -1; i--){

sydney.html

@@ -37,6 +37,7 @@ <h1>Australian Non-governmental Weather</h1>
     <h2 id="feels2">You are valued.</h2>
   </div> -->
   <h1 id="placeholder2">Sydney</h1>
+  <h1 id="placeholder3"></h1>
   <div id="idasdasd">
 
   </div>

sydney.js

@@ -186,6 +186,9 @@ async function run(city) {
 	      p.textContent = formatTime + ". Temp: " + observations.data[i].temp + "°C. Jonty's Temp: " + (observations.data[i].temp_feels_like + 3)+"°C.";
 
 	      parent.appendChild(p);
+        let q = document.createElement('p');
+        q.textContent = "UV: " + observations.data[i].uv + ". Humidity: " + (observations.data[i].relative_humidity)+ "%. Is it raining? Not quite sure.";
+        parent.appendChild(q);
       }
 
       for (let i = 24; i > -1; i--){