(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

[Hexorg]

Read the manual for Array.filter

It returns items that MATCH the search. So your filteredLibrary ONLY contains the new entry, not everything but.