for(let i=0;i<filtersDiv.length;i++) {
let selectedFilter;
let filterOut = "";
let clickCounter = 0;
filtersDiv[i].addEventListener('click', () => {
filterBox.classList.add('active-flex');
container.style.top = "-90px";
selectedFilter = filtersDiv[i].innerHTML;
clickCounter++
filterOut = `
<div class="selected-filter-unit">
<p class="selected-filter">${selectedFilter}</p>
<button class="remove-filter"><img src="images/icon-remove.svg" alt="Remove icon"></button>
</div>
`;
selectedFilters.innerHTML = selectedFilters.innerHTML + filterOut;
removeFilterScript();
// cardFilter();
})
}
for(let i=0;i<filtersDiv.length;i++) {
let selectedFilter;
let filterOut = "";
let clickCounter = 0;
filtersDiv[i].addEventListener('click', () => {
filterBox.classList.add('active-flex');
container.style.top = "-90px";
selectedFilter = filtersDiv[i].innerHTML;
clickCounter++
filterOut = `
<div class="selected-filter-unit">
<p class="selected-filter">${selectedFilter}</p>
<button class="remove-filter"><img src="images/icon-remove.svg" alt="Remove icon"></button>
</div>
`;
selectedFilters.innerHTML = selectedFilters.innerHTML + filterOut;
removeFilterScript();
// cardFilter();
})
}