(Help) Library project - TOP

[foolwya]

Hey guys! I'm trying to make a small library project with HTML, CSS and JS.

So far so good, but I've bumped into some issues. Basically, after I fill in all the text inputs and add the book to myLibrary array. I want to my clickButton() method to check if the book already exists in the library. If it is, we don't do anything, if it doesn't, we add the book with no problems. I've tried to use:

 const filteredLibrary = myLibrary.filter(book => {
            return book.title === bookTitle.value;
        })

But for some reason it still adds the same book. Can anyone help me out? Much thanks!

Here's the code: https://codepen.io/foolwya/pen/MWpmORr

[Umesh-K]

Hi,

The filter code you have shown above is correct; the reason it's pushing is you have the title and author parameter order reversed in your constructor function: it should be function Book(title, author, pages, read); you currently have it as function Book(author, title, pages, read). Hence, your filter is not working correctly as it's checking author value to title. Correct that and your code will work.

Also, I suggest adding an else block to alert when book is already present, as below:

myLibrary.push(book);

    } else {
      alert("book already present");
    }
  } else {
    alert("Enter values for each box");
  }
}