diff --git a/app.js b/app.js
index f737cbd..f4f97a6 100644
--- a/app.js
+++ b/app.js
@@ -23,20 +23,18 @@ const deleteItem = (event)=>{
 	event.target.parentNode.remove()
 }
 
-const deleteButtons = document.querySelectorAll('button.delete');
-for (const deleteButton of deleteButtons) {
-	deleteButton.addEventListener('click', deleteItem)
-}
-
 const createNewItem = (event)=>{
 	const template = document.querySelector('template').content.children[0];
 	const newItem = template.cloneNode(true)
 	newItem.children[1].addEventListener('click',createNewItem); 
-	newItem.children[3].addEventListener('click',deleteItem); 
-	event.target.parentNode.children[0].appendChild(newItem)
+	newItem.children[3].addEventListener('click',deleteItem);
+	if(event){
+		event.target.parentNode.children[0].appendChild(newItem)
+	} else {
+		document.querySelector('ul').appendChild(newItem)
+	}
 }
 
-const addButtons = document.querySelectorAll('button.add');
-for (const addButton of addButtons) {
-	addButton.addEventListener('click',createNewItem); 
+for(let i = 0; i < 5; i++){
+	createNewItem()
 }
diff --git a/index.html b/index.html
index 83998d2..a11947a 100644
--- a/index.html
+++ b/index.html
@@ -7,43 +7,7 @@
 	<script defer src="app.js"></script>
 </head>
 <body>
-	<ul>
-		<li draggable="true">
-			one
-			<ul></ul>
-			<button class="add">Add</button>
-			<button class="edit">Edit</button>
-			<button class="delete">Delete</button>
-		</li>
-		<li draggable="true">
-			two
-			<ul></ul>
-			<button class="add">Add</button>
-			<button class="edit">Edit</button>
-			<button class="delete">Delete</button>
-		</li>
-		<li draggable="true">
-			three
-			<ul></ul>
-			<button class="add">Add</button>
-			<button class="edit">Edit</button>
-			<button class="delete">Delete</button>
-		</li>
-		<li draggable="true">
-			four
-			<ul></ul>
-			<button class="add">Add</button>
-			<button class="edit">Edit</button>
-			<button class="delete">Delete</button>
-		</li>
-		<li draggable="true">
-			five
-			<ul></ul>
-			<button class="add">Add</button>
-			<button class="edit">Edit</button>
-			<button class="delete">Delete</button>
-		</li>
-	</ul>
+	<ul></ul>
 	<template>
 		<li draggable="true">
 			placeholder
