From 36778cab5f15a30671107b16b4e0e61aa1f60d92 Mon Sep 17 00:00:00 2001
From: Logan Matheny <loganpaulmatheny@gmail.com>
Date: Sat, 15 Jul 2023 09:35:02 -0400
Subject: [PATCH 1/2] create deleteCover function and modify savedCovers to
 include id on DOM elements

---
 src/main.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/main.js b/src/main.js
index c2bb920c..b6f80918 100644
--- a/src/main.js
+++ b/src/main.js
@@ -52,6 +52,8 @@ createNewBookButton.addEventListener("click", createNewBook);
 
 saveCoverButton.addEventListener("click", saveCover);
 
+savedCoversLayout.addEventListener("dblclick", deleteCover);
+
 // ========== Create your event handlers and other functions here 👇 ==========
 
 // ================== RANDOM COVER AND PAGE RELOAD ==================
@@ -135,7 +137,7 @@ function buildSavedCoversString() {
   // console.log(savedCovers[0].coverImg);
   var htmlSavedCoversString = "";
   for (let i = 0; i < savedCovers.length; i++) {
-    htmlSavedCoversString += `<section class="main-cover"> \
+    htmlSavedCoversString += `<section class="mini-cover" id="${savedCovers[i].id}"> \
     <img class="cover-image" src=${savedCovers[i].coverImg}> \
     <h2 class="cover-title">${savedCovers[i].title}</h2> \
     <h3 class="tagline">A tale of <span class="tagline-1">${savedCovers[i].tagline1}</span> and <span class="tagline-2">${savedCovers[i].tagline2}</span></h3> \
@@ -150,7 +152,6 @@ function buildSavedCoversString() {
     // <img class="overlay" src="./assets/overlay.png"> \
     // </section>`;
   }
-  console.log(htmlSavedCoversString);
   return htmlSavedCoversString;
 }
 
@@ -209,6 +210,11 @@ function viewHomePage() {
   formView.classList.toggle("hidden", true);
 }
 
+function deleteCover(event) {
+  var targetCover = event.target.parentNode;
+  console.log(targetCover);
+}
+
 // We've provided two functions to get you started
 function getRandomIndex(array) {
   return Math.floor(Math.random() * array.length);

From af00bdd5abbafc90f20f72dd93029bb473f1058a Mon Sep 17 00:00:00 2001
From: Logan Matheny <loganpaulmatheny@gmail.com>
Date: Sat, 15 Jul 2023 17:51:55 -0400
Subject: [PATCH 2/2] complete the deleteCover functionality

---
 src/main.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/main.js b/src/main.js
index b6f80918..157b70d4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -212,7 +212,13 @@ function viewHomePage() {
 
 function deleteCover(event) {
   var targetCover = event.target.parentNode;
-  console.log(targetCover);
+  for (i = 0; i < savedCovers.length; i++) {
+    if (savedCovers[i].id.toString() === targetCover.id) {
+      var index = i;
+    }
+  }
+  savedCovers.splice(index, 1);
+  viewSavedCovers();
 }
 
 // We've provided two functions to get you started