fixed boolean comparision to false == "No"

Author: Grajales-K

debugging/book-library/script.js

@@ -76,10 +76,10 @@ function render() {
     changeBut.className = "btn btn-success";
     wasReadCell.appendChild(changeBut);
     let readStatus = "";
-    if (myLibrary[i].check == false) {
-      readStatus = "Yes";
-    } else {
+    if (myLibrary[i].check == "false") {
       readStatus = "No";
+    } else {
+      readStatus = "Yes";
     }
     changeBut.innerText = readStatus;
 
@@ -88,6 +88,29 @@ function render() {
       render();
     });
 
+
+    // second option to booleans comparisons
+    // let changeBut = document.createElement("button");
+    // changeBut.id = i;
+    // changeBut.className = "btn btn-success";
+    // wasReadCell.appendChild(changeBut);
+    // let readStatus = "";
+
+    // // Directly check for boolean value (true or false)
+    // if (myLibrary[i].check == false) {
+    //   readStatus = "No";
+    // } else {
+    //   readStatus = "Yes";
+    // }
+
+    // changeBut.innerText = readStatus;
+
+    // changeBut.addEventListener("click", function () {
+    //   myLibrary[i].check = !myLibrary[i].check; // Toggle the read status
+    //   render();
+    // });
+
+
     //add delete button to every row and render again
     let delButton = document.createElement("button");
     delBut.id = i + 5;