From bd57c0c4dfc7f248e77815fa27a88c2015ad7032 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Fri, 10 Nov 2023 07:39:34 -0500
Subject: [PATCH] drag/drop works

---
 app.js     | 15 ++++++++++++++-
 index.html |  8 ++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/app.js b/app.js
index 615f6a1..70dab97 100644
--- a/app.js
+++ b/app.js
@@ -1,10 +1,23 @@
-const uls = document.querySelectorAll('ul');
+let currentDraggedItem = null;
 
+const uls = document.querySelectorAll('ul');
 for (ul of uls) {
 	ul.addEventListener('dragover', (event)=>{
+		event.preventDefault()
 		event.target.classList.add('dragging');
 	})
 	ul.addEventListener('dragleave', (event)=>{
 		event.target.classList.remove('dragging');
 	})
+	ul.addEventListener('drop', (event)=>{
+		event.target.classList.remove('dragging');
+		event.target.appendChild(currentDraggedItem)
+	})
+}
+
+const lis = document.querySelectorAll('li');
+for (li of lis) {
+	li.addEventListener('dragstart', (event)=>{
+		currentDraggedItem = event.target;
+	})
 }
diff --git a/index.html b/index.html
index 68ad7a0..758578d 100644
--- a/index.html
+++ b/index.html
@@ -14,21 +14,21 @@
 			<ul></ul>
 		</li>
 		<li draggable="true">
-			one
+			two
 			<ul></ul>
 		</li>
 		<li draggable="true">
-			one
+			three
 			<ul></ul>
 		</li>
 	</ul>
 	<ul>
 		<li draggable="true">
-			one
+			four
 			<ul></ul>
 		</li>
 		<li draggable="true">
-			one
+			five
 			<ul></ul>
 		</li>
 	</ul>