smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-06-28 21:05:36 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: modal added

Browse source
This commit is contained in:
Smigz 2023-11-21 07:03:57 -05:00
parent ba35554e0e
commit 104849154f
3 changed files with 66 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

31
library/js/script.js
View file

@ -1,6 +1,15 @@
const myLibrary = [];
const submitButton = document.querySelector('#submit-btn');
const booksDiv = document.querySelector('.book-cards');
const defaultData = new Book('James Clear', 'Atomic Habits', true);
const dialog = document.querySelector("dialog");
const addBookButton = document.querySelector(".show-modal");
const closeDialogButton = document.querySelector(".close-btn");
const defaultData = new Book('Atomic Habits', 'James Clear', false);
function Book(title, author, read) {
this.title = title;
@ -40,9 +49,8 @@ function displayBooks(books) {
});
}
const button = document.querySelector('#btn');
button.addEventListener('click', event => {
submitButton.addEventListener('click', event => {
const author = document.querySelector('#author').value;
const title = document.querySelector('#title').value;
const newBook = new Book(title, author, false);
@ -50,7 +58,22 @@ button.addEventListener('click', event => {
addBookToLibrary(newBook);
displayBooks(myLibrary);
event.preventDefault();
})
});
addBookButton.addEventListener('click', () => {
dialog.showModal();
});
closeDialogButton.addEventListener('click', () => {
dialog.close();
});
// document.addEventListener('click', e => {
// if (!e.target.closest("dialog")) {
// dialog.showModal();
// }
// });
// default data
myLibrary.push(defaultData)