Isotope with filtering in vanilla js

isotope.init.js

var grid = document.querySelector('#portfolio .portfolio-list');
console.log(grid);

var iso = new Isotope(grid, {
	itemSelector: '.portfolio-list__item',
	filter: '.cat-commercial, .cat-healthcare, .cat-retail, .cat-hospitality',
		// sortAscending: {
		// 	name: true,
		// 	date: false
		// },
		masonry: {
			percentPosition: true,
			columnWidth: '.portfolio-list__sizer',
			gutter: '.portfolio-list__gutter'
		},
		stagger: 10,
		transitionDuration: '0.6s'
	});

// bind filter button on click
var gridFilters = document.querySelectorAll('#portfolio .portfolio-filter .portfolio-filter__item button');
for(i = 0; i < gridFilters.length;i++) {
	gridFilters[i].addEventListener('click', function(){
		console.log(' '+this.parentElement.getAttribute('class')+' '+this.dataset.filter);
		var filterValue = this.dataset.filter;
		// use filter if matches value
		iso.arrange({ filter: filterValue });
	});
}