9 video

Fleksis · Fleksis · commit 22d0fc0d7443 · 2021-03-16T15:28:43.000+02:00
diff --git a/app.js b/app.js
@@ -1,9 +1,17 @@
-const bookList = document.querySelector('#book-list');
+var btns = document.querySelectorAll('#book-list .delete');
 
-console.log('book-list next sibling is:', bookList.nextSibling);
-console.log('book-list next element sibling is:', bookList.nextElementSibling);
+Array.from(btns).forEach(function(btn){
+  btn.addEventListener('click', function(e){
 
-console.log('book-list previous sibling is:', bookList.previousSibling);
-console.log('book-list previous element sibling is:', bookList.previousElementSibling);
+    const li = e.target.parentElement;
+    li.parentNode.removeChild(li)
 
-bookList.previousElementSibling.querySelector('p').innerHTML += '<br/>too cool for everyone else!';
+  })
+});
+
+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'>the net ninja</a>
           <form id="search-books">
             <input type="text" placeholder="Search books..." />
           </form>
