Stuck on library project delete button

Im having issues with library project on the JS course… Im able to add books and all, but for some reason I cant delete any of the books when I click the delete button.

function deleteBook(e) {
    let deletedBookCard = e.parentNode;
    libraryBooks.removeChild(deletedBookCard);
    bookArray.splice(removedBookID, 1);
    //localStorage.removeItem(removedBookID);
    };

When I console log deleteBtn.parentNode in the browser, it returns it just fine, but when I click on the delete button it returns e.parentNode as undefined. Ive tried hacking this for 2 days and I still havent managed to get it! The rest of my code is here

I would really appreciate any help I can get! Thank you in advance!