Доброго времени суток!Изучаю js уже 2 месяца, сегодня когда писал цикл for наткнулся на какой то всемирный заговор 

 смысл цикла в том чтобы при клике на заголовок в консоль выводился номер этого заголовка по порядку (с нуля) но выводит все время четверку. Буду очень благодарен если кто-нибудь мне поможет
 
var titles = document.querySelectorAll('.titles');
            for(i =0; i<titles.length; i++){
                titles[i].addEventListener('click',function(){
                    console.log(i);
                })
            }