diff --git a/‎app.js‎
Lines changed: 17 additions & 6 deletions b/‎app.js‎
Lines changed: 17 additions & 6 deletions
diff --git a/‎index.html‎
Lines changed: 1 addition & 0 deletions b/‎index.html‎
Lines changed: 1 addition & 0 deletions
@@ -1,8 +1,19 @@
-const bookList = document.querySelector('#book-list');
+const list = document.querySelector('#book-list ul');
 
-console.log('#book-list next sibling:', bookList.nextSibling);
-console.log('#book-list next element sibling:', bookList.nextElementSibling);
-console.log('#book-list previous sibling:', bookList.previousSibling);
-console.log('#book-list previous element sibling:', bookList.previousElementSibling);
+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);
+    }
+});
 
-bookList.previousElementSibling.querySelector('p').innerHTML += '<br />Too cool for everyone else!';
+// 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>