-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
70 lines (58 loc) · 1.42 KB
/
index.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
68
69
70
console.log("dfdf");
function Book(name,author,type)
{
this.name=name;
this.author=author;
this.type=type;
}
function Display()
{
}
Display.prototype.add=function(book)
{
console.log("adding");
tableBody=document.getElementById("tableBody");
let uiString=` <tr>
<td>${book.name}</td>
<td>${book.author}</td>
<td>${book.type}</td>
</tr>
`
tableBody.innerHTML+=uiString;
}
Display.prototype.clear =function()
{
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();
}