updated event detail section

chingu-voyages · Sep 26, 2024 · 0867c55 · 0867c55
1 parent 169cf7f
commit 0867c55
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/assets/js/events.js b/assets/js/events.js
@@ -14,6 +14,8 @@ document.addEventListener("DOMContentLoaded", function() {
     const eventContainer = document.getElementById("eventContainer");
     const row = document.getElementById("events-list");
     const eventModificationContainer = document.getElementById("event-modifications");
+
+    let eventHeader, eventMembers, eventExpenses;
 
     // function will display array of events
     function renderEvents() {
@@ -26,18 +28,20 @@ document.addEventListener("DOMContentLoaded", function() {
 
     // The event details will render here.  Currently there is just an H2 with the event name
     function renderEventDetails(eventName) {
-
-        const eventHeader = document.createElement("h2");
+        eventModificationContainer.innerHTML = "";
+        eventHeader = document.createElement("h2");
         eventHeader.textContent = `${eventName}`;
-        const eventMembers = document.createElement("h3");
+
+        eventMembers = document.createElement("h3");
         eventMembers.textContent = "Members";
-        const eventExpenses = document.createElement("h3");
+
+        eventExpenses = document.createElement("h3");
         eventExpenses.textContent = "Expenses";
-
+        
         eventModificationContainer.appendChild(eventHeader);
         eventModificationContainer.appendChild(eventMembers);
         eventModificationContainer.appendChild(eventExpenses);
-
+        
     }
 
     // Creates an individual event list item and a delete buttton
@@ -129,10 +133,8 @@ document.addEventListener("DOMContentLoaded", function() {
             renderEvents();
 
             // Deletes the innerHTML if the selected event is also deleted
-            if(eventHeader.innerText === event.name){
-                eventHeader.innerHTML = "";
-                eventMembers.innerHTML = "";
-                eventExpenses.innerHTML = "";
+            if(eventHeader.textContent === event.name){
+                eventModificationContainer.innerHTML = "";
             }
 
         });

diff --git a/index.html b/index.html
@@ -32,6 +32,6 @@ <h2>User Events</h2>
 
 
     <script src="assets/js/events.js"></script>
-    <script src="assets/js/natalie.js"></script>
+    <!-- <script src="assets/js/natalie.js"></script> -->
 </body>
 </html>