forked from iamshaunjp/JavaScript-DOM-Tutorial
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.js
More file actions
51 lines (48 loc) · 1.4 KB
/
app.js
File metadata and controls
51 lines (48 loc) · 1.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
const addBookForm = document.forms['add-book']
const bookList = document.querySelector('#book-list ul')
addBookForm.addEventListener('submit', (e) => {
e.preventDefault()
let text = e.target.title.value
let newLi = createAndAppend('li', bookList, null, null, undefined)
let fSpan = createAndAppend('span', newLi, 'name', null, (e) => e.textContent = text)
let sSpan = createAndAppend('span', newLi, 'delete', null, (e) => e.textContent = 'delete')
e.target.title.value = ""
})
function createAndAppend(tagElem, parent, className, id, cb) {
let element = document.createElement(tagElem)
parent.append(element)
if (className !== null) {
element.className = className
}
if (id !== null) {
element.id = id
}
if (cb !== undefined) {
cb(element)
}
return element
}
// const list = document.querySelector('#book-list ul');
//
delete books
bookList.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);
// });