let butShag = document.querySelectorAll('.butShag');
for (let i = 0; i < butShag.length; i++) {
butShag[i].addEventListener('click', function (i) {
title(i);
}.bind(butShag[i], i))
}
Но правильней будет вынести функцию обработчика, чтобы не создавать её каждый раз по новой.
А ещё правильней будет не использовать цикл, а использовать метод массива forEach, тогда и проблема с индексом отпадёт.
let butShag = document.querySelectorAll('.butShag');
function onClick(index, event) {
title(index);
}
Array.prototype.forEach.call(butShag, (item, index) => item.addEventListener('click', onClick.bind(item, index));