@@ -1,9 +1,21 @@
-const list = document.querySelector('#book-list ul');
+const listItems = document.querySelectorAll('#book-list ul li');
+
+Array.from(listItems).forEach(function(item){
+  item.addEventListener('click', (e) => {
 
-// delete books
-list.addEventListener('click', (e) => {
-  if(e.target.className == 'delete'){
     const li = e.target.parentElement;
+    console.log('child element to remove:', li);
+    console.log('parent element to remove child from:', li.parentElement);
     li.parentNode.removeChild(li);
-  }
+
+  });
+});
+
+// prevent default behaviour
+
+const link = document.querySelector('#page-banner a');
+
+link.addEventListener('click', function(e){
+  e.preventDefault();
+  console.log('Navigation to', e.target.textContent, 'was prevented');
 });
@@ -11,6 +11,7 @@
 	    	<div id="page-banner">
 	    		<h1 class="title">Bookorama</h1>
           <p>Books for Ninjas</p>
+          <a href="http://www.thenetninja.co.uk">Net Ninja Site</a>
           <form id="search-books">
             <input type="text" placeholder="Search books..." />
           </form>