Time function

add seconds
display timing  without refreshing the page

Author: sarahyjja

feature-intro.js

@@ -9,10 +9,16 @@ const date = new Date();
 const hours = date.getHours();
 
 const dateString = date.toLocaleDateString();
-const timeString = date.toTimeString().substr(0,5)
 const timeOfDay =  getTimeOfDay(hours);
 
 introTitle.textContent = `Good ${timeOfDay}! `;
 introDate.textContent = `Today is ${dateString}`;
-introTime.textContent = `It's ${timeString}`;
 
+function upDateTime(){
+  const date = new Date();
+  const timeString = date.toTimeString().substr(0, 8);
+  introTime.textContent = `It's ${timeString}`;
+}
+
+setInterval(upDateTime, 1000);
+upDateTime();

feature-meme.js

@@ -1,15 +1,30 @@
-request("https://corporatebs-generator.sameerkumar.website/", function(response) {
-  const sentence = document.querySelector('.sentence');
-  let p = document.createElement('p')
-  p.textContent = response.phrase;
-  sentence.appendChild(p);
-});
-
+// request("https://corporatebs-generator.sameerkumar.website/", function(response) {
+//   const sentence = document.querySelector('.sentence');
+//   let p = document.createElement('p')
+//   p.textContent = response.phrase;
+//   sentence.appendChild(p);
+//   console.log("TEXT")
+// });
 
 const pages = Math.floor(Math.random() * 10);
 
-request(`https://picsum.photos/v2/list?page=${pages}&limit=100`, function(response) {
-  const image = document.querySelector('.image');
+request(`https://picsum.photos/v2/list?page=${pages}&limit=100`, function(
+  response
+) {
+  const image = document.querySelector(".image");
   const random = Math.floor(Math.random() * 100);
-   image.src = response[random].download_url
+
+  image.src = response[random].download_url;
+  image.addEventListener("load", () => {
+    console.log("IMAGE loaded");
+    request("https://corporatebs-generator.sameerkumar.website/", function(
+      response
+    ) {
+      const sentence = document.querySelector(".sentence");
+      let p = document.createElement("p");
+      p.textContent = response.phrase;
+      sentence.appendChild(p);
+      console.log("TEXT");
+    });
+  });
 });

style.css

@@ -200,7 +200,8 @@ section {
 
 .sentence {
   position: absolute;
-  left: 0;
+  width: 100%;
+
 }
 
 .sentence p {
@@ -224,6 +225,7 @@ section {
   .tube-section {
     max-width: 800px;
   }
+ 
 }
 
 @media only screen and (min-width: 900px) {