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>