JavaScript-DOM-Tutorial/app.js at lesson-9 · itztemi/JavaScript-DOM-Tutorial · GitHub

Repository navigation

21 lines (15 loc) · 592 Bytes

const listItems = document.querySelectorAll('#book-list ul li');

Array.from(listItems).forEach(function(item){

item.addEventListener('click', (e) => {

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');

});