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

fix: checkbox works now

Browse source
This commit is contained in:
Smigz 2023-11-22 11:51:38 -05:00
parent f801569353
commit b733a24ee3
1 changed files with 2 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
library/js/script.js
View file

@ -48,7 +48,6 @@ function displayBooks(books) {
const readBtn = document.createElement('button'); const readBtn = document.createElement('button');
const readBtnFlag = element.read ? "read" : "not read"; const readBtnFlag = element.read ? "read" : "not read";
const readBtnColor = element.read ? "green-btn-color" : "red-btn-color"; const readBtnColor = element.read ? "green-btn-color" : "red-btn-color";
console.log(readBtnColor, element.read, readBtnFlag);
readBtn.classList.add('btn','read-btn',readBtnColor); readBtn.classList.add('btn','read-btn',readBtnColor);
readBtn.textContent = readBtnFlag; readBtn.textContent = readBtnFlag;
@ -89,15 +88,13 @@ booksDiv.addEventListener('click', event => {
submitButton.addEventListener('click', event => { submitButton.addEventListener('click', event => {
const author = document.querySelector('#author').value; const author = document.querySelector('#author').value;
const title = document.querySelector('#title').value; const title = document.querySelector('#title').value;
const readBtn = document.querySelector('#read-button').value; const readBtn = document.querySelector('#read-button').checked;
const bookIsRead = readBtn === 'on' ? true : false;
if (author === "" || title === "") { if (author === "" || title === "") {
return return
} }
// create book object // create book object
const newBook = new Book(title, author, bookIsRead); const newBook = new Book(title, author, readBtn);
addBookToLibrary(newBook); addBookToLibrary(newBook);
displayBooks(myLibrary); displayBooks(myLibrary);