index.js

import Book from './modules/books.js';
import Store from './modules/store.js';
import displayBook from './modules/display.js';
import navigation from './modules/navigation.js';
import { DateTime } from './luxon/src/luxon.js';

navigation();

// Display the clock
setInterval(() => {
  const time = DateTime.now();
  document.querySelector('.clock').innerHTML = time.toLocaleString(DateTime.DATETIME_FULL_WITH_SECONDS).slice(0, -4);
}, 1000);

// Event: Display Books
document.addEventListener('DOMContentLoaded', displayBook.displayBooks);
let increment = 0;

// Event: Add a Book
document.querySelector('#formId').addEventListener('submit', (e) => {
  // Prevent actual submit
  e.preventDefault();

  // Get form values
  const title = document.querySelector('#title').value;
  const author = document.querySelector('#author').value;
  const id = increment;

  increment++;

  // Validate
  if (title === '' || author === '') {
    alert('Please fill in all fields');
  } else {
    // Instantiate book
    const book = new Book(title, author, id);

    // Add Book to displayBook
    displayBook.addBookToList(book);

    // Add book to store
    Store.addBook(book);

    // Clear fields
    displayBook.clearFields();
  }
});

// Event: Remove a Book
document.querySelector('#listBooks').addEventListener('click', (e) => {
  // Remove book from displayBook
  displayBook.deleteBook(e.target);

  // Remove book from store
  Store.removeBook(e.target);
});