I tried to build a filter for some posts. When a year is selected the other year should be removed from the page. But only the half of the unselected year posts gets deleted. What am I doing wrong?
var filter2020 = document.getElementById('filter20');
var filter2021 = document.getElementById('filter21');
var posts = document.getElementsByClassName('article');
if (filter2020) {
for (item of posts) {
if (item.dataset.year == "Y2020") {
item.remove();
} else {
console.log("no")
}
}
} else if (filter2021) {
for (item of posts) {
if (item.dataset.year == "Y2021") {
item.remove();
} else {
console.log("no")
}
}
} else {
}<div class="row filtered-news">
<div class="article col-lg-4" data-year="Y2021"> </div>
<div class="article col-lg-4" data-year="Y2020"> </div>
</div>