1521739103
This commit is contained in:
parent
5470b8cf71
commit
95c223642e
|
@ -1,41 +0,0 @@
|
||||||
"use strict";
|
|
||||||
|
|
||||||
console.log("App");
|
|
||||||
|
|
||||||
let addForm = document.getElementById("addFormElement");
|
|
||||||
addForm.addEventListener("submit", addBook);
|
|
||||||
|
|
||||||
let bookTable = document.getElementById("bookTableBody");
|
|
||||||
|
|
||||||
let lastBookId = 0;
|
|
||||||
function genBookId() {
|
|
||||||
return lastBookId++;
|
|
||||||
}
|
|
||||||
|
|
||||||
function addBook(event){
|
|
||||||
event.preventDefault();
|
|
||||||
console.log("Add Book", event.target.bookTitle.value);
|
|
||||||
let bookId = genBookId();
|
|
||||||
let row = `
|
|
||||||
<tr id="bookRow${bookId}">
|
|
||||||
<td>${bookId + 1}</td>
|
|
||||||
<td>${event.target.bookTitle.value}</td>
|
|
||||||
<td>${event.target.bookGenre.value}</td>
|
|
||||||
<td>${event.target.bookDesc.value}</td>
|
|
||||||
<td>
|
|
||||||
<button>Edit</button>
|
|
||||||
<button onclick="deleteBook(${bookId})">Delete</button>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
`
|
|
||||||
|
|
||||||
bookTable.innerHTML = bookTable.innerHTML + row;
|
|
||||||
}
|
|
||||||
|
|
||||||
function deleteBook() {
|
|
||||||
console.log("Delete Book");
|
|
||||||
}
|
|
||||||
|
|
||||||
function editBook() {
|
|
||||||
console.log("Edit book");
|
|
||||||
}
|
|
4
app.js
4
app.js
|
@ -23,8 +23,8 @@ function addBook(event){
|
||||||
<td>${event.target.bookGenre.value}</td>
|
<td>${event.target.bookGenre.value}</td>
|
||||||
<td>${event.target.bookDesc.value}</td>
|
<td>${event.target.bookDesc.value}</td>
|
||||||
<td>
|
<td>
|
||||||
<button onclick="deleteBook(${bookId})">Edit</button>
|
<button>Edit</button>
|
||||||
<button>Delete</button>
|
<button onclick="deleteBook(${bookId})">Delete</button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
`
|
`
|
||||||
|
|
Loading…
Reference in New Issue