mirror of
https://gitea.smigz.com/smiggiddy/odin-codeprojects.git
synced 2025-06-28 21:05:36 -04:00
feat: styling complete
This commit is contained in:
parent
b4cc28cb40
commit
f801569353
3 changed files with 49 additions and 8 deletions
|
@ -46,8 +46,12 @@ function displayBooks(books) {
|
|||
const author = document.createElement('p');
|
||||
author.classList.add('card-author');
|
||||
const readBtn = document.createElement('button');
|
||||
readBtn.classList.add('btn','read-btn');
|
||||
readBtn.textContent = element.read ? "read" : "not read";
|
||||
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;
|
||||
const deleteBtn = document.createElement('button');
|
||||
deleteBtn.classList.add('btn', 'delete-btn')
|
||||
deleteBtn.textContent = 'delete book';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue