Added random facts

.gitignore

@@ -1,2 +1,4 @@
+.env
 node_modules
-.vscode/*
+.vscode/*
+config/.env

public/js/main.js

@@ -66,4 +66,21 @@ async function markIncomplete(){
     }catch(err){
         console.log(err)
     }
-}
+}
+
+document.querySelector('button').addEventListener('click', getFetch)
+
+function getFetch(){
+  const url = 'https://uselessfacts.jsph.pl//random.json?language=en'
+
+  fetch(url)
+      .then(res => res.json()) 
+      .then(data => {
+        console.log(data)
+        document.querySelector('h3').innerText = data.text
+        document.querySelector('a').innerText = data.source_url
+      })
+      .catch(err => {
+          console.log(`error ${err}`)
+      });
+}

views/todos.ejs

@@ -25,6 +25,13 @@
         <input type="submit">
     </form>
 
+    <div>
+        <h1>Generate a random, useless fact to procrastinate here!</h1>
+        <button type="button" name="button">Get Fact</button>
+        <h3></h3>
+        <span>Source: </span><a href=""></span>
+        </div>	
+
     <a href="/logout">Logout</a>
 
     <script src="js/main.js"></script>