From 8e6a26f2ec7a97d9fa62752edf66f1a98b43ece7 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@generalassemb.ly>
Date: Fri, 10 Nov 2023 10:38:21 -0500
Subject: [PATCH] delete button

---
 app.js     | 7 +++++++
 index.html | 5 +++++
 2 files changed, 12 insertions(+)

diff --git a/app.js b/app.js
index 4f05616..68ffd6d 100644
--- a/app.js
+++ b/app.js
@@ -17,3 +17,10 @@ for (li of lis) {
 		event.target.children[0].appendChild(currentDraggedItem)
 	})
 }
+
+const deleteButtons = document.querySelectorAll('button');
+for (deleteButton of deleteButtons) {
+	deleteButton.addEventListener('click', (event)=>{
+		event.target.parentNode.remove()
+	})
+}
diff --git a/index.html b/index.html
index 758578d..e98f5fc 100644
--- a/index.html
+++ b/index.html
@@ -11,24 +11,29 @@
 	<ul>
 		<li draggable="true">
 			one
+			<button>Delete</button>
 			<ul></ul>
 		</li>
 		<li draggable="true">
 			two
+			<button>Delete</button>
 			<ul></ul>
 		</li>
 		<li draggable="true">
 			three
+			<button>Delete</button>
 			<ul></ul>
 		</li>
 	</ul>
 	<ul>
 		<li draggable="true">
 			four
+			<button>Delete</button>
 			<ul></ul>
 		</li>
 		<li draggable="true">
 			five
+			<button>Delete</button>
 			<ul></ul>
 		</li>
 	</ul>