-
Notifications
You must be signed in to change notification settings - Fork 0
/
indexes6.js
67 lines (57 loc) · 1.52 KB
/
indexes6.js
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
console.log("this is using ES6 classes");
class Book {
constructor(name, author, type) {
this.name = name;
this.author = author;
this.type = type;
}
}
class Display
{
add(book) {
console.log("adding");
let tableBody = document.getElementById("tableBody");
let uiString = ` <tr>
<td>${book.name}</td>
<td>${book.author}</td>
<td>${book.type}</td>
</tr>
`
tableBody.innerHTML += uiString;
}
clear() {
let libraryForm = document.getElementById('libraryForm');
libraryForm.reset();
}
}
//event listener
let libraryForm=document.getElementById('libraryForm');
libraryForm.addEventListener('submit',libraryFormSubmit);
function libraryFormSubmit(e)
{
console.log("submitted");
let name=document.getElementById("bookname").value;
let author=document.getElementById("author").value;
let type;
let fiction=document.getElementById("fiction");
let nf=document.getElementById("nf");
let programming=document.getElementById("programming");
if(fiction.checked)
{
type=fiction.value;
}
else if(nf.checked)
{
type=nf.value;
}
else if(programming.checked)
{
type=programming.value;
}
let book =new Book(name,author,type);
console.log(book);
let display=new Display();
display.add(book);
display.clear();
e.preventDefault();
}