mirror of
https://gitea.smigz.com/smiggiddy/odin-codeprojects.git
synced 2024-12-25 06:00:43 -05:00
Library (#7)
* feat: initial commit * feat: initial javascript complete * feat: modal added * feat: logic completed. * feat: modal base styling complete * feat: more styling * feat: styling complete * fix: checkbox works now
This commit is contained in:
parent
7a40d907d9
commit
8822ecfc5f
1 changed files with 4 additions and 5 deletions
|
@ -48,7 +48,6 @@ function displayBooks(books) {
|
|||
const readBtn = document.createElement('button');
|
||||
const readBtnFlag = element.read ? "read" : "not read";
|
||||
const readBtnColor = element.read ? "green-btn-color" : "red-btn-color";
|
||||
console.log(readBtnColor, element.read, readBtnFlag);
|
||||
readBtn.classList.add('btn','read-btn',readBtnColor);
|
||||
|
||||
readBtn.textContent = readBtnFlag;
|
||||
|
@ -89,15 +88,15 @@ booksDiv.addEventListener('click', event => {
|
|||
submitButton.addEventListener('click', event => {
|
||||
const author = document.querySelector('#author').value;
|
||||
const title = document.querySelector('#title').value;
|
||||
const readBtn = document.querySelector('#read-button').value;
|
||||
const bookIsRead = readBtn === 'on' ? true : false;
|
||||
const readBtn = document.querySelector('#read-button').checked;
|
||||
|
||||
|
||||
if (author === "" || title === "") {
|
||||
return
|
||||
}
|
||||
|
||||
const newBook = new Book(title, author, readBtn);
|
||||
|
||||
// create book object
|
||||
const newBook = new Book(title, author, bookIsRead);
|
||||
|
||||
addBookToLibrary(newBook);
|
||||
displayBooks(myLibrary);
|
||||
|
|
Loading…
Reference in a new issue