JavaScript-DOM-Tutorial/app.js at lesson-11 · HSMathebula/JavaScript-DOM-Tutorial · GitHub

Repository navigation

24 lines (20 loc) · 581 Bytes

const list = document.querySelector('#book-list ul');

// delete books

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

if(e.target.className == 'delete'){

const li = e.target.parentElement;

li.parentNode.removeChild(li);

}

});

const forms = document.forms;

console.log(forms);

console.log(forms['add-book']);

Array.from(forms).forEach(function(form){

console.log(form);

});

const addForm = forms['add-book'];

addForm.addEventListener('submit', function(e){

e.preventDefault();

const value = addForm.querySelector('input[type="text"]').value;

console.log(value);

});