"use strict";

console.log("App");

let addForm = document.getElementById("addFormElement");
addForm.addEventListener("submit", addBook);

let bookTable = document.getElementById("bookTableBody");

function addBook(event){
    event.preventDefault();
    console.log("Add Book", event.target.bookTitle.value);

    let row = `
    <tr>
        <td>1</td>
        <td>My title</td>
        <td>Drama</td>
        <td>Little book about my life</td>
        <td>
            <button>Edit</button>
            <button>Delete</button>
        </td>
    </tr>

    `

    bookTable.innerHTML = bookTable.innerHTML + row;
}

function deleteBook() {
    console.log("Delete Book");
}

function editBook() {
    console.log("Edit book");
}