From 5470b8cf71b94d02ef368607048444c83d885f96 Mon Sep 17 00:00:00 2001
From: Arti Zirk <arti.zirk@gmail.com>
Date: Thu, 22 Mar 2018 19:18:21 +0200
Subject: [PATCH] 1521739101

---
 .goutputstream-KEI9FZ | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 .goutputstream-KEI9FZ

diff --git a/.goutputstream-KEI9FZ b/.goutputstream-KEI9FZ
new file mode 100644
index 0000000..7f3011c
--- /dev/null
+++ b/.goutputstream-KEI9FZ
@@ -0,0 +1,41 @@
+"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");
+}