Need Help with Checkboxes

So I’m making a “favorite character picker” based off the exiting one made by the user antialiasis.

I wanna add checkboxes to my project (so people can filter out  the characters by what decade they came out in) but every time I try, I can’t get the checkboxes to actually work. I even tried to follow the instructions on the page, but I’m also an idiot and I haven’t been able to get it working for at least 2 weeks.

I’m struggling like a goldfish in a maze on dry land.

Here’s the reference I’m using:

and this is my project:

If someone could help me out in a “instead of typing this, copy/paste this instead!” kind of way, I’d really appreciate it.

Not an expert in HTML/javascript, but I’ve looked it over.

First, are you getting the checkbox values? You can confirm this using “console.log()” in your “getFilteredItems” function, and viewing in the browser console.

Second, I think there is a mismatch between your checkbox values and the values in this line:

decades: ["1970's", "1980's", "1990's", "2000's", "2010's"],

e.g. for this checkbox:

<label><input type="checkbox" name="decades" class="decades" value="1970s"> 1970's</label>

your value is “1970s”, which is being compared against “1970’s”. So selecting the “1970s” checkbox will not match against any item.