From 595f50cf958d7c993082b0b291e4a40d3e09bd79 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@generalassemb.ly>
Date: Fri, 10 Nov 2023 12:22:19 -0500
Subject: [PATCH] update

---
 app.js     | 9 +++++++++
 index.html | 6 +++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/app.js b/app.js
index 2e3ba36..31e4a6d 100644
--- a/app.js
+++ b/app.js
@@ -25,11 +25,20 @@ const deleteItem = (event)=>{
 	event.target.parentNode.remove()
 }
 
+const updateItem = (event)=>{
+	event.preventDefault()
+	const newValue = event.target.parentNode.querySelector('input').value
+	event.target.parentNode.querySelector('h2').innerHTML = newValue
+}
+
 const createNewItem = (event)=>{
 	const template = document.querySelector('template').content.querySelector('li');
 	const newItem = template.cloneNode(true)
+
 	newItem.querySelector('.add').addEventListener('click',createNewItem); 
 	newItem.querySelector('.delete').addEventListener('click',deleteItem);
+	newItem.querySelector('form').addEventListener('submit',updateItem);
+
 	if(event){
 		event.target.parentNode.querySelector('ul').appendChild(newItem)
 	} else {
diff --git a/index.html b/index.html
index ba7b265..ef65b3d 100644
--- a/index.html
+++ b/index.html
@@ -14,8 +14,12 @@
 			<h2>placeholder</h2>
 			<ul></ul>
 			<button class="add">Add</button>
-			<button class="edit">Edit</button>
 			<button class="delete">Delete</button>
+			<form>
+				<input typ="text" placeholder="new value"/>
+				<input type="submit" value="Update"/>
+				<input type="reset" value="Reset"/>
+			</form>
 		</li>
 	</template>
 </body>