From 308cff3e348857598282fcd1ec19dbc756a3b549 Mon Sep 17 00:00:00 2001
From: Lucas Schumacher <technolucas@protonmail.com>
Date: Tue, 18 Jun 2024 12:28:22 -0400
Subject: [PATCH] Add button to load more blurbs

---
 vanillaJS.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)
diff --git a/vanillaJS.html b/vanillaJS.html
index 935cf62..b486760 100644
--- a/vanillaJS.html
+++ b/vanillaJS.html
@@ -1,8 +1,11 @@
 <html>
   <body>
     <div id="app"></div>
+    <br />
+    <button id="loadButton">Load More</button>
     <script type="text/javascript">
       const app = document.getElementById('app');
+      const loadButton = document.getElementById('loadButton');
       function addElem(element, contents, attrs = {}) {
         const newElem = document.createElement(element);
         newElem.appendChild(document.createTextNode(contents));
@@ -11,9 +14,13 @@
         }
         app.appendChild(newElem);
       }
-      addElem('h1', 'Fart man comes to town!');
-      addElem('p', 'Will this controversial figure finally cause the downfall of the town? Sally Smith from town center says that she can already smell trouble brewing but other members of the town beleave the imminent winds of change will revitalize the towns central business district.');
-      addElem('a', 'Read more...', {href: "#"});
+      function addBlurb() {
+        addElem('h1', 'Fart Man comes to town!');
+        addElem('p', 'Will this controversial figure finally cause the downfall of the town? Sally Smith from town center says that she can already smell trouble brewing but other members of the town believe the imminent winds of change will revitalize the towns central business district.');
+        addElem('a', 'Read more...', {href: "#"});
+      }
+      addBlurb();
+      loadButton.addEventListener("click", addBlurb);
     </script>
   </body>
 </html>
