lesson 9 code

Shaun Pelling · Shaun Pelling · commit d92c806fc738 · 2017-08-10T17:35:36.000+01:00
diff --git a/app.js b/app.js
@@ -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');
+});
diff --git a/index.html b/index.html
@@ -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>
